准备一个 vue 项目:
npm i -g @vue/cli
vue create project
cd project
vue add electron-builder
npm run electron:serve
接下来就可以正常开发了。
linux 下打包 exe
修改 packjson.json
"scripts": {
"electron:build.win": "vue-cli-service electron:build --win --ia32",
"electron:build.win.dir": "vue-cli-service electron:build --win --ia32 --dir"
}
安装包依赖winCodeSign和nsis,绿色包依赖winCodeSign。
windows 下安装
安装时下载 electron 超时,可以这里下载安装包,然后,将安装包(.zip文件)拷贝到以下路径 C:\Users\Administrator\AppData\Local\electron\Cache
,不要解压,例如:
electron-v6.1.10-win32-x64.zip
SHASUMS256.txt-6.1.10
windows 下打包
依赖 winCodeSign 和 nsis 下载报错,手动下载它们,地址在打包的命令行中。
下载好 winCodeSign 后,解压到 C:\Users\Administrator\AppData\electron-builder\Cache\winCodeSign
目录,如果是公司的域帐号,那Administrator要换成域帐号了,如 C:\Users\xxx001000\AppData\Local\electron-builder\Cache\winCodeSign
。注意不要提升目录,最终目录类似:C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.5.0
。
如果已经安装了 electron-builder
,那么 Cache 目录应该是已经存在的,如果没有就创建一个,注意字母大小写。
nsis
和 nsis-resources
一样的处理,只是解压到 C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis
目录。同样不要提升目录。
更多问题:https://www.imqianduan.com/electron/electron-builder.html
windows 下运行黑屏
安装 .NET Framework 4.7.1:https://dotnet.microsoft.com/download/dotnet-framework/net472
安装 .net framework 时出现「已处理证书链,但是在不受信任提供程序信任的根证书中终止」解决办法:
- 下载证书:http://download.microsoft.com/download/2/4/8/248D8A62-FCCD-475C-85E7-6ED59520FC0F/MicrosoftRootCertificateAuthority2011.cer
- 打开控制台,文件→添加/删除管理单元 (Ctrl+M)
- 选择证书 → 添加 → 计算机账户(其他的保持默认,一直下一步)
- 回到控制台主窗口,依次展开:证书 → 受信任的根证书颁发机构 → 证书,单击更多操作的小箭头,选择所有任务 → 导入;接下来选择步骤1中下载好的cer证书文件,然后一直点击下一步,导入成功即可。