使用VSCode 的electron build 打包自己的项目变成安装程序到桌面

1.查看package.json文件是否安装了electron build

2.在终端输入npm run electron:serve或直接点配置文件中的按键进行启动。

 

此时会报错，主要是nodeJs V17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制，导致了nodeJs V17之前版本不受影刺而nodeJs V17和之后的版本会出现这个错误。 也就是npm升级导致了与OpenSSL不兼容导致的初始化失败，也就是nodeJs版本过高的原因导致了运行失败。

3.通弄安装NVM把node.js降到17以下的版本(新手不推荐很麻烦)

4.第二种办法就是删掉node.js所在文件位置在官网重新下载node.js17以下版本安装到原位置替换即可

5.最后一步就是打包，在终端输入npm run electron:build进行打包。打包过程会下载一些依赖需要点时间 打包路径不能有空格或中文

 

这个时候报错正常因为网路配置原因下载不到，报这个错误是因为网路问题外网访问不到原因，网络因素导致无法下载到https://github.com/electron-userland/electron-builder-binaries/releases/download/appimage-12.0.1/appimage-12.0.1.7z

6.解决办法

打包时会通过网络下载部分的内容，所以有的时候会产生网络问题，导致工具无法下载

解决网络问题的思路和方法

修改 npm 注册表为国内网址

修改注册表地址为淘宝镜像地址 `npm config set registry https://registry.npm.taobao.org/`

查看是否修改成功 `npm config get registry`

• 修改 hosts，添加下载资源的域名和对应的 ip
• 在网站 https://www.ip138.com/ 上查找 objects.githubusercontent.com 域名对应的 ip
• 
• 用管理员权限打开 C:\Windows\System32\drivers\etc\hosts 文件
• 将查询出来的ip和域名添加到 hosts 中，例如:

185.199.111.133 objects.githubusercontent.com 
185.199.110.133 objects.githubusercontent.com 
185.199.109.133 objects.githubusercontent.com 
185.199.108.133 objects.githubusercontent.com

7.关闭原来的终端，重新打开新的终端，运行` npm run electron:build`

8.打包好的文件存放在本文件夹下的dist_electron中

 

9.打包好后要注意处理打包后的 preload.js 加载路径和其他静态资源的加载比如图标什么的