electron-vue打包，使用electron-builder打包，简单方便

项目用的是vue@2.5.16, electron@2.0.4 ,vue-electron@2.0.6,ui框架那些就不说了

首先下载electron-builder，这里建议使用cnpm挂淘宝镜像下载

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

，先下载之后统一将整个node_module文件夹删除，用npm install 来创建好项目（这样会减少百分之90发生不必要的错误）。

electron-builder  全局安装：

cnpm install electron-builder -G

 在这个网站https://npm.taobao.org/mirrors/electron/把你electron相对应的版本先把要用的包下载过来，

放到这里C:\Users\admin\AppData\Local\electron\Cache（我的是win10，电脑用户名是admin,你们根据实际情况来找）

2个文件一个.zip一个是SHASUMS256.txt但是记得下后缀背后加上版本号eg:SHASUMS256.txt-2.0.12

如图  ：  

还有这几个连接都要放一下，

下载地址分别是：

https://codeload.github.com/electron-userland/electron-builder-binaries/zip/nsis-3.0.1.13

https://codeload.github.com/electron-userland/electron-builder-binaries/zip/nsis-resources-3.0.0

https://codeload.github.com/electron-userland/electron-builder-binaries/zip/winCodeSign-1.9.0

那3个文件夹要自己新建啊，解压之后把里面的内容复制进去就ok了。

 

完事具备只欠东风，还有一点要注意的是项目下webpack版本不要太低，以及node的版本，npm的版本，

我这里的版本是 webpack 4.22.0 、node 8.9.3、npm 6.4.1

好啦好啦，进入真正的打包环节了。

项目下，npm run build  如无意外就会打包成功。

能够看到输出这些就说明成功了百分之99了

进去项目下的build下看看 多了2个文件，一个是win-unpacked文件夹，一个是.yaml后缀的文件，

win-unpacked里面就有已经打包好的文件这个是免安装绿色版的，

yaml就是记录打包信息的。

好了程序打包到此结束，接下去我会讲一下，怎么改程序名，还有程序图标，调试优化等。。。。

还有什么问题欢迎下面评论，我会优先去发博客解答，这里是electron-vue,专题。