项目用的是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,专题。