安装cnpm镜像
npm install cnpm -g --registry=https://registry.npm.taobao.org
全局安装electron
cnpm install -g electron
新建一个index.js
生成一个package文件
cnpm init --yes // --yes表示全部默认设置
nodejs代码提示
npm install --save-dev @types/node
运行electron
electron .
下面开始打包:
打包的格式: electron-packager <应用目录> <应用名称> <打包平台> --out <输出目录> <架构> <应用版本>
cnpm install electron-packager -g
package.json 中 "scripts" 属性配置如下:
"start": "electron .",
"package": "electron-packager . 3dmax --win --out ../HelloWorldApp --arch=x64 --electron-version=11.0.3"
经过上面步骤后,输入如下命令:
在终端控制台上运行, npm run-script package
打包结果:
如果更换打包后应用图标:
这里要注意,图标格式必须是ico格式的,如果格式不对,或者你强制修改成ico格式的 都会在打包时报错
制作ico格式图片如下,简单方便:
还有一个问题,打包里包含项目源码,这样是不行的
在解决这个问题,添加 --asar
再次打包,查看打包结果:
最后一步了,把应用程序做成一个安装程序,推荐使用开源免费的打包软件: Inno Setup
FR:徐海涛(hunk Xu)
QQ技术群:386476712