Electron初始化項目並打包

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

# 克隆這倉庫
$ 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:\Users\Administrator\AppData\Local\electron\Cache目錄下。
繼續執行npm run build,如果你的electron-v1.7.9-win32-x64.zip文件位置放置正確，就會繼續下載SHASUMS256.txt，這個文件較小，容易成功。
不成功的也從上邊鏈接里面手動下載。注意命名格式，和第一步同目錄

 

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

 

其他
如果還遇到錯誤，參考這個文檔
https://blog.csdn.net/cctvcqupt/article/details/87904368

建議用yan吧。他不會報錯
---安裝yarn---
使用yarn安裝，使用npm安裝的有問題（沒有嘗試），先安裝yarn工具。
npm install -g yarn

---安裝electron-builder---
yarn add electron-builder --save-dev

---打包---
yarn buld