如何安装electron vue 并打包发布客户端(干货满满)

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安装和打包的全过程了。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值