electron vue项目 如何打包
时间: 2023-09-07 15:14:45 浏览: 106
electron + vue 项目运行打包配置文档
5星 · 资源好评率100%
要打包 Electron Vue 项目,可以使用 Electron Builder 工具。需要先安装 Node.js 和 npm,然后在项目根目录下运行以下命令来安装 Electron Builder:
```
npm install electron-builder --save-dev
```
接下来,在项目的 package.json 文件中添加以下配置:
```json
"build": {
"productName": "My App",
"appId": "com.example.myapp",
"directories": {
"output": "dist"
},
"files": [
"dist/**/*",
"node_modules/**/*",
"src/main/**/*"
],
"mac": {
"category": "public.app-category.utilities",
"target": "dmg"
},
"win": {
"target": "nsis"
}
}
```
其中,`productName` 是应用程序的名称,`appId` 是应用程序的唯一标识符,`directories` 指定输出目录,`files` 指定要包含在安装程序中的文件,`mac` 和 `win` 分别指定了 macOS 和 Windows 平台的打包选项。
最后,在命令行中运行以下命令来打包应用程序:
```
npm run electron:build
```
打包完成后,可以在 `dist` 目录下找到生成的安装程序。
阅读全文