vue项目使用electron 打包后exe文件,修改程序图标
时间: 2023-12-19 15:06:17 浏览: 208
要修改 Electron 打包后的应用程序图标,可以按照以下步骤进行操作:
1. 准备好你想要的图标文件(格式为 .ico ),并将其放置在项目的根目录下。
2. 打开 package.json 文件,在 main 属性下添加 "icon": "./your-icon.ico",如下所示:
```
{
"name": "your-app-name",
"version": "1.0.0",
"description": "Your app description",
"main": "main.js",
"icon": "./your-icon.ico", // 添加这一行
...
}
```
3. 在项目根目录下创建 build 文件夹,然后在该文件夹下创建文件 electron-builder.json,并在其中添加以下配置:
```
{
"win": {
"icon": "./your-icon.ico"
}
}
```
4. 在命令行中执行以下命令,安装必要的依赖:
```
npm install electron-builder --save-dev
```
5. 在 package.json 文件中添加以下脚本:
```
{
"scripts": {
"pack": "electron-builder"
}
}
```
6. 在命令行中执行以下命令,进行打包:
```
npm run pack
```
打包完成后,你会在项目根目录下的 dist 目录中找到生成的安装包,里面的图标已经被修改为你指定的图标了。
阅读全文