# electron-demo

**Repository Path**: zyjun/electron-demo

## Basic Information

- **Project Name**: electron-demo
- **Description**: electron示例项目----
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-22
- **Last Updated**: 2023-08-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# electron-demo

### 一、项目创建过程

参考文档:[Electron + vue搭建项目][Electron + vue搭建项目]里面的`五、vue-cli + vue-cli-plugin-electron-builder`

* 1、使用vue cli 创建一个vue 项目 `vue create project`
* 2、创建好项目，执行 `vue add electron-builder`，项目自动生成为electron项目
* 3.这里我选择最新版本，13
    ![](doc/electron-create.png)
* 4、使用`npm run electron:serve` 就可以启动项目
* 5、效果
    ![](doc/electron-result.png)

### 二、参考文档

* [HTML 打印样式控制_如何使用样式打印HTML][HTML 打印样式控制_如何使用样式打印HTML]

> 打印时的打印设置：
* 1.布局：横向
* 2.彩色：彩色
* 3.纸张尺寸：A4

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Lints and fixes files

```
npm run lint
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).


[HTML 打印样式控制_如何使用样式打印HTML]:https://www.freesion.com/article/74581250128/

[Electron + vue搭建项目]:https://blog.csdn.net/qq_30351747/article/details/131702115