electron 应用图标修改

修改窗口图标

更换Electron应用程序的桌面图标

  1. 准备好你想要作为图标的图片文件,可以是PNG格式
  2. 安装一个可以转换图片格式为ICO的工具,例如在线转换工具"在线转换icon图标工具"。将你的PNG图片文件上传并转换为ICO格式
  3. 将转换得到的ICO文件放到你的Electron项目的public或assets文件夹中(桌面应用图标要求大小不能超过256*256这个,且后缀为【.ico】,将图标放到固定文件目录中(自建))
  4. 在package.json文件中,找到"build"字段,添加"icon"字段并设置其值为你的ICO文件的路径
  5. 运行npm run build或yarn build命令来重新构建你的Electron应用程序
  6. 完成构建后,你的Electron应用程序的桌面图标应该已经更换为你选择的图标了
相关推荐
南篱几秒前
从回调地狱到优雅异步:JavaScript 异步编程的完整演进之路
前端·javascript·面试
陆枫Larry3 分钟前
折叠屏“窗口化”导致的背景图错位:一次小程序样式问题的排查与修复
前端
枫叶知溪4 分钟前
Fast Update Server:一个 Electron 应用的更新分发服务
electron
米丘4 分钟前
vue 3.x 关于 provide 与 inject 实现原理
前端
rmst5 分钟前
列表的拖动排序动画原理
javascript·react.js·动效
进击的雷神5 分钟前
无分页一次性加载、多级CSS类名定位、动态User-Agent轮换、断点本地备份——意大利塑料展爬虫四大技术难关攻克纪实
前端·css·爬虫·python
天才熊猫君5 分钟前
Vue 3 v-for key 原理核心笔记
前端
zhedream6 分钟前
环境监测 CMMS 的表单 DSL 实践:从逐一开发到声明式生成,工单交付效率提升 10 倍
前端
天若有情6738 分钟前
一款极简且实用的本地 NPM 包目录管理方案(个人原创设计)
前端·npm·node.js
JamesYoung79718 分钟前
第七部分 — 存储 chrome.storage(本地/同步/会话)+ 配额
前端·chrome