Vue使用Electron将网页打包为exe文件

//package.json { "name": "百度", "version": "1.0.0", "description": "百度网页封装应用", "main": "main.js", "scripts": { "start": "electron .", "package": "rimraf out && electron-packager . 百度 --platform=win32 --arch=x64 --out=out --overwrite" }, "devDependencies": { "electron": "^38.4.0", "electron-packager": "^17.1.2" } }

//main.js const { app, BrowserWindow } = require('electron'); function createWindow() { // 创建浏览器窗口 const mainWindow = new BrowserWindow({ width: 1200, height: 800, fullscreen: true, // 默认全屏 resizable: true, // 明确允许窗口调整大小 maximizable: true, // 允许窗口最大化 webPreferences: { nodeIntegration: true, contextIsolation: false // 如果你需要nodeIntegration，通常需要设置这个 } }); // 加载目标网页 mainWindow.loadURL('https://www.baidu.com/'); // 可选：隐藏菜单栏 // mainWindow.setMenuBarVisibility(false); } // 应用就绪后创建窗口 app.whenReady().then(createWindow);

npm install electron@^38.4.0 electron-packager@^17.1.2 --save-dev

• 确保已安装 Node.js（建议 v18+，匹配 Electron 38 的兼容版本）。

完成之后启动打包npm run package,就会在目录里面得到一个out文件夹，如果想要在其他主机上启动exe文件，需要将out下面的文件夹复制过去，因为里面包含exe及所需要的资源。

如果下载慢的话可以设置一下临时的环境变量，直接在终端运行下面的

$env:ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/" $env:registry="https://registry.npmmirror.com" ### 最后在 npm install