標籤：arw down index nod using download npm main
最近閑來無事，玩玩electron。
1、安裝nodejs
：http://nodejs.cn/download/，下載64位。安裝完成後，開啟C:\Program Files\nodejs\node_modules\npm目錄，編輯npmrc檔案，添加electron_mirror="https://npm.taobao.org/mirrors/electron/"。添加Electron的鏡像。
2、建立檔案夾DesktopApp，然後建立三個檔案：
main.js 主邏輯檔案
index.html 分頁檔
package.json nodejs標準檔案
在DesktopApp檔案夾下，運行npm install electron。安裝完成後，自動產生：package-lock.json和node_modules檔案夾。
3、main.js檔案
const electron = require(‘electron‘);const app = electron.app;const BrowserWindow = electron.BrowserWindow;var mainWindow = null;app.on(‘window-all-closed‘, function() { if (process.platform != ‘darwin‘) { app.quit(); }});app.on(‘ready‘, function() { mainWindow = new BrowserWindow({width: 800, height: 600}); mainWindow.loadURL(‘file://‘ + __dirname + ‘/index.html‘); mainWindow.on(‘closed‘, function() { mainWindow = null; });});
4、package.json檔案
{ "name": "DesktopApp", "version": "0.1.0", "main": "main.js", "dependencies": { "electron": "^1.6.11" }}
5、index.html檔案
<!DOCTYPE html><html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> We are using io.js <script>document.write(process.version)</script> and Electron <script>document.write(process.versions[‘electron‘])</script>. </body></html>
6、運行：
C:\>D:\DesktopApp\node_modules\electron\dist\electron.exe D:\DesktopApp
（用局部安裝的electron的exe檔案來執行項目）
Windows Electron初探
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
