electron安装与打包

对着背影说爱祢 提交于 2020-11-28 09:27:44
安装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格式图片如下,简单方便:

http://www.bitbug.net/


还有一个问题,打包里包含项目源码,这样是不行的


在解决这个问题,添加 --asar

 再次打包,查看打包结果:

 


 

 

 

FR:徐海涛(hunk Xu)
QQ技术群:386476712

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!