1首先创建好一个vue项目
2npm install --save-dev electron
3vue add electron-builder
4npm run electron:serve
5使用 npm run electron:build 打包项目。
如果上面的命令不成功,就下载CNPM Binaries Mirror 这里下载的12.2.3版本的electron-v12.2.3-win32-x64.zip 下载完成后解压放入 C:\Users\Administrator\AppData\Local\electron\Cache 文件夹,重新打包即可。 这个文件夹可以一级一级找,前面的路径可能不同,但是后面的AppData\Local\electron\Cache 是肯定一样的 找到这个文件夹后解压到这里就可以了,不用覆盖这个文件夹里的内容
6打包项目即可
如果这里报错,例:
这种报错是因为路径里带有中文名
解决方法:打开 node_module/app-builder-lib/out/targets/nsis/NsisTarget.js文件,在 executeMakensis 方法中加入我们所需的参数
args.push("-INPUTCHARSET", "UTF8");
就可以了
以上就是electron安装和打包的全过程了。