# clectron-vue

**Repository Path**: iva0512/clectron-vue

## Basic Information

- **Project Name**: clectron-vue
- **Description**: electron 8.2.0+vue的结合的例子
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-26
- **Last Updated**: 2022-07-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# electron-vue
## 安装过程

1. npm install -g @vue/cli  # 安装最新版的vue工具
2. vue create electron-vue # 创建vue项目
3. vue add electron-builder # 项目加入electron-builder打包工具（默认使用electron6.0）
4. yarn remove electron # 删除electron6.0
4. yarn add electron -D  # 安装最新版的electron


## 项目安装
```
yarn install
```

### 编译与运行vue项目
```
yarn serve
```

### 编译与生成vue项目
```
yarn build
```
### 编译与运行electron-vue项目
```
yarn electron:serve
```

### 编译与生成electron-vue项目
```
yarn electron:build

### Lints and fixes files
```
yarn lint
```

### 若yarn electron:serve无法运行，一般是electron 安装未成功，需要手工下载electron放置当前用户的 /AppData/Local/electron/Cache下，还需要下载校验码文件SHASUMS256.txt，将其修改为SHASUMS256.txt-x.x.x,(x.x.x为版本号)

### 若yarn electron:builder无法打包，一般是无法下载打包需要的工具包，需要手工下载winCodeSign，nsis工具包，将其放入当前用户的 /AppData/Local/electron-builder/Cache/WincodeSign,/AppData/Local/electron-builder/Cache/nsis相应的目录下，文件夹名为winCodeSign-x.x.x(x.x.x为版本号),下载的工具包含版本。