electron-vue 安装环境、构建+打包（mac和windows）这一篇就够了

由于公司需要，下一个项目需要做CS开发，技术选型分析后，选择了electron（Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架）

研究发现，electron与vue-cli3.0脚手架做了很好的融合，对于我们这种用惯了vue，以及elementUI这些UI框架的Web前端开发工程师来说，实在太友好了，不过，这是一门国外框架技术 ，不仅是环境搭建、安装、文档，都是比较难入手的，坑也比较多，今天捣鼓了一天，终于把框架、环境、打包什么的问题解决了，不断的百度，百度，再百度，在下班之际，把今天自己遇到的问题、安装步骤、解决方法，回顾了一遍，写了这篇博客，方便以后自己翻阅巩固，也为大家提供帮助！

准备环境：

1、nodejs

1、安装cnpm、yarn

npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g yarn

2、修改yarn的镜像

yarn config set registry https://registry.npm.taobao.org -g

 3、设置electron的yarn镜像（要不然安装依赖会出错）

1. 打开C盘下的用户目录（mac就在用户目录下，需要显示隐藏文件），找到~/.yarnrc文件，将lastUpdateCheck 删掉：
2. 添加 electron_mirror "https://npm.taobao.org/mirrors/electron/"
3. lastUpdateCheck 1549116918628 # 删掉 删掉
4. 

4、开始搭建electron-vue

1、搭建vue-cli3.0的脚手架，脚手架搭建就不多说了。vue create myApp

2、进入根目录：vue add electron-builder

3、选择Electron版本。选择 “^9.0.0”（最新版）。

      然后耐心等待安装完成。如果中间出现错误中断了，请重复此步骤。

      安装完成后会自动在src目录下生成background.js并修改了package.json。

5、在src目录下新建background.js

'use strict'

import { app, protocol,