{
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
});
//載入你的HTML5應用的index.html進入
mainWindow.loadFile(‘index.html’);
// 關閉窗口后觸發退出應用的事件
mainWindow.on(‘closed’, () => {
mainWindow = null;
});
}
// Electron 會觸發”ready”事件，表明應用程序已經準備好了。
app.on(‘ready’, createWindow);
// 當所有窗口都已關閉，應用程序將退出。
app.on(‘window-all-closed’, () => {
if (process.platform !== ‘darwin’) {
app.quit();
}
});
app.on(‘activate’, () => {
if (mainWindow === null) {
createWindow();
}
});
“`
步驟3: 創建一個HTML5網頁應用
如果你已經有一個符合要求的HTML5應用，請將index.html及其相關資源文件（如JS和CSS文件）放到你的項目文件夾內。如果沒有，請創建一個index.html及相關資源文件。
步驟4：運行和打包應用
進入到項目文件夾目錄，通過命令行輸入以下命令，可以運行應用并預覽效果：
“`
npm start
“`
當你確認應用正常運行并想生成exe文件時，你需要安裝一個名為“electron-builder”的打包工具。通過運行以下命令來安裝：
“`
npm install electron-builder –save-dev
“`
在你的package.json文件中添加以下代碼：
“`json
“scripts”: {
//…
“pack”: “electron-builder –dir”,
“dist”: “electron-builder”
},
“build”: {
“appId”: “your.app.id”,
“productName”: “Your App Name”,
“win”: {
“target”: [
“nsis” //你可以改為其他windows平臺支持的類型，例如”portable”
]
}
}
“`
現在你vscode未生成exe文件可以運行以下命令來將你的HTML5應用生成為exe文件：
“`
npm run dist
“`
打包完成后，你可以在“dist”文件夾中找到生成的exe文件。
到這里，HTML5封裝exe的過程已經完成。現在你可以將exe文件分發給用戶使用。
