Electron-vue环境配置，打包报错问题解决

Electron-vue 项目构建过程

1.  搭建Electron-vue框架，参照网址：https://electron.org.cn
   

2.  执行npm install，npm 在国内比较慢，所以采用淘宝镜像代理，执行以下命令：
   

安装cnpm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org

执行命令：cnpm install(z执行命令前，删除moudles文件)

3.  安装完成后执行启动命令npm run dev
   

4.  项目打包命令 npm run build,发现会报错：
   

意思是说打包所需的依赖文件electron-v1.7.9-win32-x64.zip下载失败，（我才用的是electron1.7.9版本，所以下载1.7.9的依赖包），此时，可以去淘宝镜像文件库找到对应的文件并下载，放到指定的目录下，electron的淘宝镜像地址：https://npm.taobao.org/mirrors/electron/

5.下载完成后，文件应该放到哪里，一般为C:\Users\Administrator\AppData\Local\electron\Cache，你也可以全局搜索 electron-v1.7.9-win32-x64.zip，看下对应的文件下载到哪里，哪里就是你应该拷文件的位置。

6.继续执行npm run build,如果你的electron-v1.7.9-win32-x64.zip文件位置放置正确，就会继续下载SHASUMS256.txt-1.7.9，这个文件较小，容易成功。不成功的也从镜像里拷贝，注意文件结尾的版本号，此文件的位置与electron-v1.7.9-win32-x64.zip在同一个文件夹。

7. electron-v1.7.9-win32-x64.zip与SHASUMS256.txt-1.7.9两个文件是electron打包必须的文件，用于打exe文件，electron-builder打包也需要两个文件：

1）.打包成文件夹及绿色免安装：

electron-builder --dir（依赖winCodeSign）

2）.打包成exe的安装包

electron-builder （依赖winCodeSign和nsis）

8.此时还需要下载winCodeSign和nsis文件，链接地址分别为：

https://github.com/electron-userland/electron-builder-binaries/releases

解压到C:\Users\win10\AppData\Local\electron-builder\Cache目录

9.先来配置winCodeSign，在文件夹C:\Users\Administrator\AppData\Local\electron-builder\cache\winCodeSign，新建文件winCodeSign-1.9.0，新建的文件夹名字需要和npm run build是要求下载的文件名一致，后面的nsis，以及nsis-resources同理

而后把下载的问价夹electron-builder-binaries-winCodeSign-1.9.0\winCodeSign内的文件拷贝到C:\Users\Administrator\AppData\Local\electron-builder\cache\winCodeSign\winCodeSign-1.9.0内。

14.nsis与nsis-resources的配置同理，分别创建了nsis-3.0.1.13和nsis-resources-3.3.0文件夹，把下载的文件electron-builder-binaries-nsis-resources-3.0.0\nsis\和\electron-builder-binaries-nsis-resources-3.0.0\nsis-resources\文件夹里的内容拷贝到对应的路径里。

至此配置完成，打包不会报错。