本文介紹了Electron的環境配置，包括Electron下載、nodejs下載安裝、NPM+Bower安裝配置、app打包。
1. Electron下載
Electron - Build cross platform desktop apps with JavaScript, HTML, and CSS，即提供了一個利用JavaScript、HTML、CSS構建桌面應用的平臺，實例Atom、vscode。
目github託管地址https://github.com/electron/electron
release下載https://github.com/electron/electron/releases，我的電腦是win7 64位，這裏選擇下載了electron-v1.3.3-win32-x64.zip.
2. nodejs下載安裝
- 官方下載 msi 安裝 或 下載zip手動添加路徑到系統環境變量Path
- 檢查是否配置成功, cmd中輸入
node -v回車執行，如果安裝成功會顯示版本號 - 檢查npm*(NPM是隨同NodeJS一起安裝的包管理工具)* ,cmd中輸入
npm -v，如果安裝成功會顯示版本號
3. NPM+Bower安裝配置
先配置npm的全局模塊的存放路徑以及cache的路徑，例如我希望將以上兩個文件夾放在NodeJS的主目錄下，便在NodeJs下建立“node_global”及“node_cache”兩個文件夾。我們就在cmd中鍵入兩行命令：
npm config set prefix "C:\node\node_global" npm config set cache "C:\node\node_cache"設置系統變量。進入
我的電腦-屬性-高級-環境變量。在系統變量下新建“NODE_PATH”，輸入C:\node\node_modules安裝bower：在cmd中鍵入
npm install bower -g， -g表示全局。進入node，輸入require('bower')顯示如下表示 安裝成功！安裝配置參考http://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html
4.app打包
- 安裝asar,cmd>
npm install -g asar - 打包:cmd下cd到asar的目錄，cmd>
asar pack E:\electron\resources\app E:\electron\resources\app.asar
- 包裏面建議只放放html、js、css、圖片這些，要存儲的數據還是要放在外面；然後把app.asar複製到electron目錄下的resources裏面，然後直接雙擊electron.exe，你會發現打開的程序是你的，而不是原本默認的，還有這個asar的文件名一定是app
- 打包精簡
- 更改Electron名稱、icon:你可以將electron.exe改成任意你喜歡的名字，然後可以使用像 rcedit或者ResEdit編輯它的icon和其他信息
-至於asar的訪問，只需要把asar包當成一個文件夾即可，如果js和html在包內部可以直接訪問
外部需要使用io.js來訪問
https://github.com/electron/electron/blob/master/docs-translations/zh-CN/tutorial/quick-start.md