什么是Electron
簡單的說Electron就是一個能讓你使用 JavaScript, HTML 和 CSS 來創建桌面應用程序的框架。 而這些應用程序可以打包后在 macOS、Windows 和 Linux 上直接運行使用。非常適合前端來做桌面應用開發。
一、Electron安裝
1. 電腦裝上node.js之后安裝electron
2. 進入到electron項目路徑
在終端輸入以下命令：
npm install --registry https://registry.npm.taobao.org cnpm install
3. 開始運行
npm run dev
提示Electron安裝失敗
找到node_modules里的electron文件夾，看看是否包含dist文件夾
如果沒有，可以手動進行安裝，在終端進入node_modules/electron路徑
輸入node install.js進行安裝
二、Electron打包
打包命令：
npm run build
打包失敗：
"directories" in the root is deprecated, please specify in the "build"
原因：directories將在package.json中build定義，因為它不再可以在package.json的頂層使用。
如果遇到這樣的短語，那么很可能是在使用其他人創建的項目，但是版本有所不同。
修復方法：
在package.json的build中只需要更改內容
"directories": {
"doc": "docs"
}
刪除這樣的部分
更多詳細：在https://www.electron.build/configuration/configuration
另外有些項目打包緩慢的解決辦法：
可以下載好對應electron版本的包，例如electron-v10.1.2-win32-x64.zip包，由於打包的時候要到Github上下載這個資源特變慢，而且沒有這個包會打包很慢。（我試過打包10次以上只有一次成功）
提供一個下載地址：https://npm.taobao.org/mirrors/electron/
將electron包文件復制到這個路徑：
C:\Users\dong\AppData\Local\electron\Cache\
后面打包就快了
小結
Electron對於學過VUE的同學還是上手非常快的，建議新手使用visual studio code這款完全免費的代碼編輯器，調試也很方便。