Electron初始化项目并打包

Posted 2021-02-28 dshvv

初始化项目
初始化项目用模板就行

# 克隆这仓库
$ git clone https://github.com/electron/electron-quick-start
# 进入仓库
$ cd electron-quick-start
# 安装依赖库
$ npm install
# 运行应用
$ npm start

需要（全局不全局无所谓，不建议全局）安装 npm i -D electron

打包
安装打包工具 npm i -D electron-builder
packge修增加配置如下：
脚本出增加：

"scripts": {
    ...
    "build": "electron-builder"
  },

根级别下增加如下：

"build": {
    "productName": "xx系统",
    "appId": "com.dshvv.demo",
    "copyright": "甲乙丙丁少版权所有",
    "directories": {
      "output": "build"
    },
    "win": {
      "icon": "icon.ico"
    }
  }

注意icon的尺寸是256*256的。然后执行npm run build

注意事项
可能会遇到如下错误
https://github.com/electron/electron/releases/download/v8.2.3/electron-v8.2.3-win32-x64.zip: dial tcp 52.74.223.119:443: connectex: A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connected host has failed to respond.

这就是说明，被墙了，依赖下载不下来。解决办法如下
手动下载electron-v8.2.3-win32-x64.zip，复制Git后边的链接即可下载。放到C:UsersAdministratorAppDataLocalelectronCache目录下。
继续执行npm run build,如果你的electron-v1.7.9-win32-x64.zip文件位置放置正确，就会继续下载SHASUMS256.txt，这个文件较小，容易成功。
不成功的也从上边链接里面手动下载。注意命名格式，和第一步同目录

 

参考
https://blog.csdn.net/weixin_33936401/article/details/88722952