【electron|electron修改vue项目打包后的exe图标】vue用electron打包点击这里
安装electron-icon-builder 添加图标生成器：npm i electron-icon-builder
文章图片
生成图标 1、在package.json的scripts中添加一条命令并保存：
“electron:generate-icons”: “electron-icon-builder --input=./public/icon.png --output=build --flatten”
文章图片
2、将你准备的图片命名为icon.png并复制到public目录下：
文章图片
3、执行命令：npm run electron:generate-icons
文章图片
4、生成的一系列图片在项目中多出来的build目录下的icons下：
文章图片
重新打包 1、删除dist_electron文件夹，重新执行打包命令，npm run electron:build
2、打包完成后发现exe图标改变了：
文章图片
推荐阅读
- vue|vue打包后dist的使用
- vue|vuex的使用
- vue|vue中代理解决跨域
- vue.js|vue开发搜索框防抖的优化和日常报错,
- vue项目|vue移动端 利用防抖的原理 ---实现搜索页面防抖操作
- vue.js|vue中搜索实现防抖
- vue.js|vue3 el-input 搜索实现防抖
- Vue.js|Vue移动端项目——搜索联想建议功能的实现（结合watch属性和使用lodash防抖节流）
- vue|Vue + ElementUI+ el-autocomplete 组件的防抖方案的懒加载