electron安装与打包

安装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

 再次打包，查看打包结果：

 

---

最后一步了，把应用程序做成一个安装程序，推荐使用开源免费的打包软件： Inno Setup

---

 

 

 

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