, () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on(‘window-all-closed’, () => {
if (process.platform !== ‘darwin’) {
app.quit()
}
})
“`
在這個文件中,我們首先引入了Electron框架的兩個模塊:app和BrowserWindow。app模塊用于管理應(yīng)用程封裝系統(tǒng)的軟件序的生命周期,BrowserWindow模塊用于創(chuàng)建窗口對象。
然后,我們創(chuàng)建了一個名為createWindow的函數(shù),用于創(chuàng)建BrowserWindow對象。這個函數(shù)設(shè)置了窗口的寬度和高度,并加載了一個名為index.html的文件。
接下來,我們使用app.whenReady()方法來創(chuàng)建窗口。這個方法在應(yīng)用程序準(zhǔn)備好顯示窗口時被調(diào)用。我們還添加了一個activate事件處理程序,用于在所有窗口都關(guān)閉時重新創(chuàng)建窗口。
最后,我們添加了一個window-all-closed事件處理程序,用于在所有窗口都關(guān)閉時退出應(yīng)用程序。
3.創(chuàng)建渲染進(jìn)程文件
渲染進(jìn)程負(fù)責(zé)顯示HTML頁面,處理用戶交互等。創(chuàng)建一個名為index.html的文件作為渲染進(jìn)程文件。
在index.html中,我們可以使用HTML,CSS和JavaScript來創(chuàng)建頁面。以下是一個簡單的index.html文件:
“`
Hello World!
“`
在這個文件中,我們創(chuàng)建了一個標(biāo)題為Hello World!的頁面。
4