在大概一年之前，我當時還說nodejs或者javascript無法開發出窗口程序，後來有人打臉了，說electron可以，當時還不以爲然，覺着不可思議，但是直到今天，electron已經可以很方便的開發出窗口程序了，真的是發展迅速啊，而且開發非常的方便，環境安裝也很簡單，就需要node開發環境即可。
主要依賴於electron，這個可以利用瀏覽器內核結合頁面開發出窗口程序界面來，真的是很巧妙，應用啓動，類似於開啓一個瀏覽器，原來需要我們手動打開瀏覽器輸入url的方式被electron包裹瀏覽器內核給取代了。
下面進行實戰，從無到有，創建一個窗口應用。前提是機器安裝了node,並且版本達到了10以上，npm版本達到了6以上。
按照官方的文檔，我們準備三個文件，他們分別是package.json,main.js,index.html。內容如下：
package.json
{
"name": "electronapp",
"version": "1.0",
"main": "main.js"
}
main.js
const {app,BrowserWindow} = require('electron');
app.whenReady().then(createWindow)
app.on('window-all-closed',function(){
if(process.platform!='darwin')
app.quit();
});
function createWindow(){
var mainWindow = null;
mainWindow = new BrowserWindow({
width:800,
height:500,
webPreferences:{
nodeIntegration:true
}
});
mainWindow.loadFile("index.html");
mainWindow.webContents.openDevTools();
}
app.on('activate',function(){
if(BrowserWindow.getAllWindows().length==0){
createWindow();
}
})
index.html
<!doctype html>
<html>
<head>
<title>electrondemo</title>
</head>
<body>
<h2>hello,this is electron app.</h2>
</body>
</html>
以上代碼其實都很簡單明瞭，我們需要做的就是安裝依賴，其實依賴可以寫入到package.json，我們這裏直接通過npm install [email protected] --save-dev來安裝即可。
啓動程序當前目錄運行：.\node_modules\.bin\electron .
其實就是命令electron .，如果全局安裝了electron，那麼就可以直接electron .就運行起來了。因爲示例index.html頁面很簡單，所以這裏打開之後，界面如下所示：
這是一個很簡單的官方示例，也是學習electron的入門實例。