Electron将vue项目打包成exe文件怎么实现

安装electron-builder

在vue项目根目录下执行以下命令安装electron-builder：

npm install electron-builder --save-dev

配置package.json

在package.json中添加以下代码：

"build": {
  "productName": "Your App Name",
  "appId": "com.yourcompany.yourapp",
  "directories": {
    "output": "build"
  },
  "files": [
    "dist/**/*",
    "node_modules/**/*"
  ],
  "win": {
    "target": "nsis"
  }
}

其中：

productName：应用程序的名称
appId：应用程序的ID，通常是一个Java风格的反向DNS名称
directories.output：输出目录
files：需要打包的文件
win.target：Windows平台的打包格式，这里选择NSIS

执行打包命令

在vue项目根目录下执行以下命令打包应用程序：

npm run build
npm run electron:build

其中npm run build是打包Vue项目，npm run electron:build是打包应用程序。

查看打包结果

打包成功后，可以在build目录下找到生成的安装程序。打开安装程序，即可安装并运行Electron程序。