Electron 簡介
Electron 是 跨平臺 的桌面應用。
Electron 兼容 Mac, Windows(xp不兼容) 和 Linux。
Electron 基于 Chromium 和 Node.js, 讓你可以使用 HTML, CSS 和 JavaScript 構建應用。
Electron 的內核Chromium會隨著Electron的版本更新而更新。當然尸曼，你也可以自己指定更新內核。（建議跟Electron版本更方便）
Electron 的開發(fā)場景
(1) Electron 本地環(huán)境搭建（mac萄焦、windows）
(2) webvidw開發(fā)控轿、flash使用與打包
(3) webview與渲染進程通信、主進程與渲染進程通信
(4) 應用mac、windows打包
(5) 多窗口如何開發(fā)與打包
(6) Electron 自動升級（github 方案解幽、自建服務器方案）
(7) mac贴见、windows證書問題，360誤報殺毒問題
Electron 本地環(huán)境搭建（mac躲株、windows）
官方教程：https://electronjs.org/docs/tutorial/development-environment
- mac 環(huán)境的搭建
（1）安裝最新版node即可片部。
-
windows 環(huán)境的搭建
(1) 安裝python2.7 (electron需要用到python來打包)
選擇2.7版本進行下載
https://www.python.org/getit/(2) 安裝
node-gyp
npm install -g node-gyp
// windows 編譯工具（請耐心等待，大概要10-15分鐘才行霜定，完成后會有done的提示的）
npm install --global --production windows-build-tools(3) 運行時出現(xiàn)此錯誤的話： MSBUILD : error MSB4132档悠，無法識別工具版本“2.0” 等（還有提示啥14.0,4.0的都一樣）。
// 此處2015 是電腦上裝的2015 望浩，如果不是辖所，可以看自己電腦是不是2012，
// 或者不知道怎么看的磨德，直接試試 2012 是不是得行缘回。
npm install --msvs_version 2015 -g
npm config set msvs_version 2015 -g(4) 打包時候總有包，無論開不開代理都下不下來的話典挑，請如下做：
復制終端中酥宴，下不下來的路徑，直接去那個路徑（應該是github的路徑）下載您觉，
并將文件拷貝到拙寡，如下目錄下相關文件夾中，比如nsis的
C:\Users\pk\AppData\Local\electron-builder\Cache\nsis琳水。
Electron demo 運行
官方示例: https://electronjs.org/docs/tutorial/first-app
-
快速搭建與啟動方式:
克隆這倉庫 git clone https://github.com/electron/electron-quick-start 進入倉庫 cd electron-quick-start 安裝依賴庫 npm install 運行應用 npm start -
7步帶你理解整個過程：
(1) 新建一個目錄: myElectron
(2) 切到目錄下: npm init
(3) package.json 中增加啟動命令肆糕，start。文件具體內容如下：{ "name": "myelectron", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "electron ." }, "author": "", "license": "ISC" }(4) 新建一個index.js在孝，作為啟動文件诚啃。（注意package.json中配置的也是這個文件哦:
"main": "index.js"）const { app, BrowserWindow } = require('electron'); function createWindow () { // 創(chuàng)建瀏覽器窗口 let win = new BrowserWindow({ width: 800, height: 600 }); // 然后加載 app 的 index.html. win.loadFile('index.html'); } app.on('ready', createWindow);(5) 新建index.html 用于呈現(xiàn)桌面應用頁面的。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello World!</title> </head> <body> Hellow, World! </body> </html>(6) 安裝依賴(建議用yarn,因為官方也推薦)
ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ yarn add electron --save (ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ npm install electron --save-dev)(7) 運行electron
yarn start (npm run start)
