electron-vue项目安装依赖以及打包问题

npm install 依赖问题

1、首先electron 与node版本问题

 版本要对应，如果失败，可以考虑降低electron版本

2、安装python2.7（选择默认安装路径），并配置环境变量

下面为python的环境配置

3、配置npm python安装路径

选择默认安装路径的npm设置：npm config set python python2.7，否则设置npm config set python "python安装路径"

4、安装visual studio installer 2017，选择C++核心部件以及桌面安装（这个安装包我有空就传网盘，共享出来）

注意：安装完后重启电脑，

键盘win+R后输入cmd，打开命令行

5、设置npm ： npm config set msvs_version 2017

6、安装node-gyp， npm install node-gyp -g

注意node-gyp的版本要跟本机的node版本对应（这个很重要）（可以搜索下这两个的对应版本）

下面是我本机电脑的node-gyp跟node版本

7、安装完node-gyp后，还需要设置node_gyp 的路径

npm config set node_gyp "C:\Users\Administrator\AppData\Roaming\npm\node_modules\node-gyp\bin\node-gyp.js"

备注：通过win+R，直接npm install 安装的包，默认的安装路径都是在AppData的Roaming下

8、重启电脑

9、这时候，npm install 就可以了

打包配置

1、全局安装electron-builder打包工具：npm install -g electron-builder

2、在项目根目录下package.json文件中配置

npm run build 后插件下载报错

1、需要根据报错后提示的electron包，手动下载，报错提示上贴有链接，直接复制后即可下载，如（electron-v2.0.18-win32-x64.zip），下载后，存放在C:\Users\AppData\Local\electron\Cache文件夹里面

2、手动下载（如：nsis-resources-3.4.1）存放在C:\Users\AppData\Local\electron-builder\Cache\nsis文件夹里面

4、再次运行build后，项目打包成功