的最新版。
安裝完成后，通過運行以下命令檢查 Node.js 和 npm 是否已成功安裝：
“`bash
node -v
npm -v
“`
**步驟2：創建一個新項目**
在合適的位置創建一個新文件夾，然后進入文件夾。通過運行以下命令初始化一個新的Node.js項目：
“`bash
mkdir electron-app
cd electron-app
npm init
“`
按照提示輸入相關信息以生成一個`package.json`文件。
**步驟3：安裝 Electron**
在項目文件夾中運行以下命令安裝Electron：
“`bash
npm install electron –save-dev
“`
成功安裝后，Electron 將出現在你的`package.json`的`devDependencies`中。
**步驟4：添加HTML、CSS和JavaScript文件**
將你的HTML、CSS和JavaScript文件添加到項目文件夾中。確保所有文件都鏈接在一起，以便在瀏覽器中正確運行。
**步驟5：創建主進程文件**
為你的Electron應用程序創建一個入口文件，例如`main.js`。在`main.js`文件中編寫以下代碼：
“`javascript
const { app, BrowserWindow } = 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();
}
});
“`
這段代碼將創建一個新窗口，并加載你的`index.html`文件。
**步驟6：修改`packa電腦桌面應用ge.json`**
在`package.json`文件中，找到`scripts`部分，并添加以下代碼：
“`json
“start”: “electron main.js”
“`
此配置將告訴Electron從`main.js`文件啟動應用程序。
**步驟7：運行應用程序**
通過以下命令運行Electron應用程序：
“`bash
npm start
“`
你應該會在桌面上看到一個新窗口，顯示你的HTML、CSS和JavaScript文件內容。
**步驟8：打包應用程序**
為了將您的應用程序打包為可執行文件, 你需要安裝一個叫 electron-packager 的庫。運行以下命令來安裝：
“`bash
npm install electron-packager -g
“`
然后，運行以下命令來為你的操作系統構建 exe 文件：
“`bash
electron-packager . app_name –platform=win32 –arch=x64
“`
上述命令中，請將`app_name`替換為你想要的應用程序名稱。
構建完成后，你會在項目目錄下看到一個新的文件夾，其中包含應用程序的 exe 文件及所有依賴庫。
恭喜！你已經成功創建了一個可執行的EXE文件。你可以將此文件發送給你的用戶，他們將能夠在他們的Windows計算機上運行它。
