vue-cli3+Electron

---

注意：我这里使用的是vuecli3。之前的版本可以参考electron-vue 起步。

一、 创建项目

1. 创建vue项目。
   参考我之前的文章vue 之 vue-cli3，创建项目。这里我创建的项目是electron-vue-test。
2. 安装electron,自动安装和手动安装任选其一。
   2.1 自动安装，进入到项目根目录，执行：vue add electron-builder，然后选择electron版本。
   
   
   这时候我们会发现src目录下多了以下两个文件:
   
   package.json多了以下命令行
   
   
   2.2 手动安装 。
   修改package.json，参考自动安装package.json截图，添加以下命令行：

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "electron:build": "vue-cli-service electron:build", //添加
    "electron:serve": "vue-cli-service electron:serve", //添加
    "postinstall": "electron-builder install-app-deps", //添加
    "postuninstall": "electron-builder install-app-deps" //添加
},
"main": "background.js", //添加

在src目录下新建`background.js·，复制以下代码：

'use strict'
import { app, protocol, Browser