electron-vue将vue-cli框架项目移植，进行打包（win和Linux系统）

1、使用electron-vue有一些前置设置，你的电脑需要先安装node（现在一般安装node之后，npm就自带了），同时需要安装vue-cli。

以下是安装连接以及安装命令：（参考连接：https://simulatedgreg.gitbooks.io/electron-vue/content/en/）

node安装地址：https://nodejs.org/en/download/

vue-cli安装命令：npm install -g vue-cli

electron-vue安装命令：vue init simulatedgreg/electron-vue my-project

cd my-project

npm install

npm run dev

2、运行npm run dev之后，若是出现错误，那么需要检查一下install的依赖是否完整，同时，版本是否正确。

若是成功，将会看到这样一个界面：

3、然后我们开始移植vue-cli项目。

第一步，找到my-project文件下的src/renderer，将我们自己vue框架src内的所有文件复制，将renderer内的替换，但是此时运行npm run dev ,只会看到这样一个界面：

这个时候，你就需要修改配置文件了，老铁：

内部修改内容，将你vue项目当中webpack.base.conf.js文件内的配置，迁移过来，注意这个每个人的都不太一样，所以，我在这里就不具体说明了，需要看你造化了。

到此为此，若是你就运行npm run dev，依旧会是错误的，因为你还需要将package.json内的依赖转移到my-project的package.json文件内，然后npm install

下载完毕之后，注意着里面还有一个坑，那就是我们自己vue项目当中，

需要改为：

在运行npm install dev 理论上是可以呈现你之前的vue项目界面。

3、到了此时，你已经基本成功了，最后剩下的便是打包成桌面应用，我使用的electron-packager，打包的时候，（C:\Users\xx\AppData\Local\electron\Cache）会自动下载一些打包工具，但是可能会下载失败，这个时候，你就只能手动下载了（https://github.com/electron/electron/releases/tag/v2.0.16）下载对应版本的打包工具。

4、最后在提醒一下，在打包的时候，耗时会比较久，所以请耐心一些，不是卡住了，而是正在打包，

 

5、在打包的过程当中，会下载一些打包用的工具，若是出现打包失败的情况，请依据自身的electron的版本下载对应的工具（https://github.com/electron/electron/releases/tag/v2.0.16）