Electron官網(wǎng)
Electron中文網(wǎng)
w3cschool Electron 中文文檔
一摔吏、概述
Electron 前稱為atom shell岛琼，是從github開源項(xiàng)目Atom編輯器中抽離出來的，是一個(gè)能讓你通過 JavaScript季研、HTML 和 CSS 構(gòu)建桌面應(yīng)用的庫 剃盾。這些應(yīng)用能打包到 Mac、Windows 和 Linux 電腦上運(yùn)行赃承。
它還有其它一些特性：
- 自動更新 —— 應(yīng)用支持自動更新
- 原生菜單和通知 —— 可以創(chuàng)建原生應(yīng)用菜單和上下文菜單
- 應(yīng)用崩潰報(bào)告?—— 可以將崩潰報(bào)告提交到遠(yuǎn)程服務(wù)器
- 調(diào)試和分析 —— Chrominum 的內(nèi)容模塊可以發(fā)現(xiàn)性能瓶頸和緩慢的操作挨措。你也可以在應(yīng)用中使用自己喜歡的 Chrome 開發(fā)者工具魏蔗。
- Windows installer?—— 可以快速便捷地創(chuàng)建安裝包。
二民假、HelloWorld
參考
electron打包：electron-packager及electron-builder兩種方式實(shí)現(xiàn)（for Windows）
【Electron】Electron開發(fā)入門（五）：項(xiàng)目打包
1.運(yùn)行demo
cnpm i -g electron之后，下載electron-quick-start到對應(yīng)目錄抓于，cnpm install安裝本地環(huán)境做粤，然后npm start即可運(yùn)行。
"scripts": {
"start": "electron ."
},
這里本質(zhì)上是在運(yùn)行electron index.html
2.安裝electron打包工具electron-packager
作為一個(gè)桌面應(yīng)用程序捉撮，我們希望點(diǎn)擊exe文件就能直接啟動應(yīng)用怕品，而不是打開命令行，輸入啟動命令巾遭。這一步就需要打包工具來完成了肉康。
npm install electron-packager -g
使用參數(shù)如下：
electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]
比如：
"scripts": {
"start": "electron .",
"pack": "electron-packager . myClient --win --out ../myClient --arch=x64 --app-version=0.0.1 --electron-version=2.0.0"
}
命令結(jié)構(gòu)如下（根據(jù)實(shí)際情況修改）：
“.”：需要打包的應(yīng)用目錄（即當(dāng)前目錄），
“myClient”：應(yīng)用名稱灼舍，
“--win”：打包平臺（以Windows為例）吼和，
“--out ../myClient”：輸出目錄，
“--arch=64”：64位片仿，
“--app-version=0.0.1”：應(yīng)用版本纹安，
“--electron-version=2.0.0”：electron版本
3.Inno Setup
現(xiàn)在尤辱，我們已經(jīng)得到了應(yīng)用程序的綠色版本（無需安裝砂豌，拷貝整個(gè)文件目錄之后即可使用），但是作為客戶端應(yīng)用程序光督，我們更希望能直接得到一個(gè)安裝包阳距，安裝之后通過桌面快捷方式的形式去訪問，這時(shí)候就需要Inno Setup出場了结借。
具體細(xì)節(jié)參考electron安裝+運(yùn)行+打包成桌面應(yīng)用+打包成安裝文件+開機(jī)自啟動
