= require(‘electron’)

function createWindow() {

const win = new BrowserWindow({

width: 800,

height: 600,

webPreferences: {

nodeIntegration: true,

},

})

win.loadFile(‘index.html’)

}

app.whenReady().then(createWindow)

app.on(‘window-all-closed’, () => {

if (process.platform !== ‘darwin’) {

app.quit()

}

})

app.on(‘activate’, () => {

if (BrowserWindow.getAllWindows().length === 0) {

createWindow()

}

})

“`

6. 創建一個package.json文件

在項目文件夾中創建一個package.json文件,并填寫基本信息,如名稱、版本、入口文件等。

示例:

“`

{

“name”: “html-to-exe-demo”,

“version”: “1.0.0”,

“main”: “main.js”,

“scripts”: {

“start”: “electron .”

}

}

“`

保存好之后,運行`npm install`安裝所有必要的依賴。

7. 生成EXE文件

運行以下命令,將HTML文件封裝為EXE文件:

“`

electron-packager ./ –platform=win32 –arch=x64

“`

等待封裝完成后,會在項目文件夾中生成一個新文件夾,其中包含一個.EXE文件。雙擊該文件,您將看到運行起來的應用程序。

經過以上步驟,您已經了解了封裝HTML為EXE文件的主要原理和詳細步驟。對于不同的項目,您可以根據需求調整HTML文件、CSS樣式和JavaScript腳本,以創建出更具功能性的桌面應用。

未經允許不得轉載:智電網絡 NET » html封裝exe演示操作介紹

相關推薦