app.on(‘window-all-closed’, () => {
if (process.platform !== ‘darwin’) {
ap打包電腦p.quit()
}
})
“`
在這個文件中，我們首先引入了 Electron 的 app 和 BrowserWindow 模塊。然后，我們定義了一個 createWindow 函數，用于創建一個新的瀏覽器窗口。在這個窗口中，我們加載了我們打包后的 Vue.js 應用程序的 index.html 文件。
在 main.js 文件的末尾，我們使用 app.whenReady() 方法來啟動我們的應用程序。在這個方法中，我們調用 createWindow 函數來創建一個新的瀏覽器窗口。我們還使用 app.on(‘activate’) 方法來確保我們的應用程序在 macOS 上正確地處理窗口的重新激活事件。最后，我們使用 app.on(‘window-all-closed’) 方法來確保我們的應用程序在所有窗口都關閉時退出。
現在，我們已經準備好啟動我們的應用程序。我們可以使用以下命令來啟動 Electron：
“`
npx electron .
“`
這將啟動我們的應用程序，并顯示我們的 Vue.js 應用程序的界面。
## 打包應用程序
現在，我們已經成功地將我們的 Vue.js 應用程序打包到生產環境中，并使用 Electron 將其打包成一個可執行文件。我們可以使用以下命令將我們的應用程序打包成一個 exe 文件：
“`
npm install electron-packager –save-dev
“`
安裝完成后，我們可以使用以下命令來打包我們如何打包deb文件的應用程序：
“`
npx electron-packager . my-app –platform=win32 –arch=x64 –icon=icon.ico –overwrite
“`
在這個命令中，我們使用 electron-packager 模塊來打包我們的應用程序。我們指定了我們的應用程序目錄 (.) 和輸出目錄 (my-app)。我們還指定了我們要打包的平臺 (win32) 和架構 (x64)。
