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应用程序的桌面图标应该已经更换为你选择的图标了
相关推荐
开发者小天2 分钟前
react的组件库antd design表格多选,删除的基础示例
前端·javascript·react.js
by__csdn8 分钟前
Vue3响应式系统详解:ref与reactive全面解析
前端·javascript·vue.js·typescript·ecmascript·css3·html5
渴望成为python大神的前端小菜鸟8 分钟前
react 面试题
前端·react.js·前端框架·react·面试题
Greatlifeee10 分钟前
基于vue3+ts的前端网页,实现网页点击按钮打开本地exe运行文件的完整实例
前端
漏洞文库-Web安全10 分钟前
CTFHub XSS通关:XSS-过滤关键词 - 教程
前端·安全·web安全·okhttp·网络安全·ctf·xss
chilavert31812 分钟前
技术演进中的开发沉思-231 Ajax:页面内容修改
开发语言·前端·javascript
一只小bit15 分钟前
Qt 信号与槽:信号产生与处理之间的重要函数
前端·c++·qt·cpp·页面
m0_3761379419 分钟前
DevUI主题系统进阶:CSS-in-JS与暗黑模式无缝切换架构
javascript·css·架构·devui
nono牛22 分钟前
30天Shell脚本编程实战(14天逆袭)
前端·chrome·bash