Electron 应用图标修改
1,首先给窗口添加图标:
1) 窗口图标是图片jpg或者png格式,如果没有图标去【https://www.aigei.com/icon/?wd=icon%E7%BD%91&bd_vid=10034368224038095038】找一个图标,在项目中创建一个固定目录存放图片我的地址是public/icons
2)图标添加位置在main(我的是main.js)中找到窗口属性设置位置 new BrowserWindow({ width: 900, height: 600,icon: path.join(__dirname,'./public/icons/login.png')}),在BrowserWindow 中添加图标路径写法如上icon: path.join(__dirname,'./public/icons/login.png'),path.join是路径查找方法,内侧参数是图片的实际地址,如此完成了窗口图标的添加。
2,桌面应用图标添加
1) 桌面应用图标要求大小不能超过256*256这个,且后缀为【.ico】,将图标放到固定文件目录中(自建)。
2) 在package.json中配置图标路径,其中directories 为打包地址,win为图标路径,nsis为打包的一些配置如免安装,快捷图标自动创建等,如下实现图标的修改,这是electron-builder(安装版方式),免安装版配置在执行命令中。
"build": {
"productName": "electron-demo",
"directories": {
"output": "dist"
},
"nsis": {
"oneClick": false,
"allowToChangeInstallationDirectory": true
},
"win": {
"target": "nsis",
"icon": "public/icons/icon.ico"
}
},


【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!