vue程序打包window的应用(.exe)

Vue3项目可以使用Electron来将其打包成可执行文件（.exe文件）。Electron是一个跨平台的桌面应用程序开发工具，可以使用HTML、CSS和JavaScript来构建桌面应用程序。以下是一些基本的步骤： 1. 安装Electron：可以通过npm安装Electron，命令如下： ``` npm install electron --save-dev ``` 2. 配置package.json文件：在package.json文件中添加以下代码： ``` "main": "main.js", "scripts": { "start": "electron ." } ``` 这里的main.js是Electron的主进程文件，可以根据需要进行修改。start命令用于启动Electron应用程序。 3. 创建main.js文件：在Vue3项目根目录下创建一个main.js文件，并添加以下代码： ``` const { app, BrowserWindow } = require('electron') function createWindow() { // 创建浏览器窗口 const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) // 加载index.html文件 win.loadFile('dist/index.html') // 打开开发者工具 win.webContents.openDevTools() } app.whenReady().then(() => { createWindow() app.on('activate', () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow() } }) }) app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } }) ``` 4. 打包应用程序：在命令行中运行以下命令： ``` npm run build npx electron-packager . myApp --platform=win32 --arch=x64 --out=out ``` 这个命令将会在当前目录下创建一个out文件夹，其中包含可执行文件myApp.exe和相关资源文件。其中，--platform参数用于指定打包的平台，--arch参数用于指定打包的架构，这里指定了Windows平台和64位架构。 至此，您就可以将Vue3项目打包成可执行文件了。