使用Electron開發第一個應用
Electron 應用的目錄結構如下：
app/
├── package.json
├── main.js
└── index.html
新建一個app文件夾 將這三個文件都放在里面
package.json的內容
{
"name" : "app", "version" : "0.1.0", "main" : "main.js" }- 1
- 2
- 3
- 4
- 5
注意：如果 main 字段沒有在 package.json 聲明，Electron會優先加載 index.js
main.js的內容
var app = require('app'); 。 var BrowserWindow = require('browser-window'); 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; }); });- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
index.html的內容
<!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> </body> </html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
運行方法
直接打開electron.exe 將app文件夾拖進去就可以了 
或者在cmd窗口 輸入electron.exe 參數是app文件夾所在的路徑