此外，从文档中： 请注意，您需要使用PNG，而不是macOS或Windows图标格式，以便它显示在停靠栏/窗口列表中。当前不支持在文件管理器中设置图标。 文件： https://www.electronjs.org/docs/latest/api/browser-window/#new-browserwindowoptions https://electron.github.io/electron-packager/main/interfaces/electronpackager.options.html#icon 资料来源： How to set app icon for Electron / Atom Shell App https://github.com/electron-userland/electron-builder/issues/2269#issuecomment-342168989
2条答案
按热度按时间ajsxfq5m1#
您需要在BrowserWindow构造函数中设置图标：
此外，从文档中：
请注意，您需要使用PNG，而不是macOS或Windows图标格式，以便它显示在停靠栏/窗口列表中。当前不支持在文件管理器中设置图标。
文件：
https://www.electronjs.org/docs/latest/api/browser-window/#new-browserwindowoptions
https://electron.github.io/electron-packager/main/interfaces/electronpackager.options.html#icon
资料来源：
How to set app icon for Electron / Atom Shell App
https://github.com/electron-userland/electron-builder/issues/2269#issuecomment-342168989
rslzwgfq2#
有很多地方可以放置您的图标。但有两个主要文件。
1.在你的main.js中，你应该为你填充的每个窗口设置它：
App.mainWindow = new BrowserWindow（{ icon：“./assets/icon.ico”}）
1.在你的电子构建器配置中。这可以在您的package.json中，也可以在您通过脚本包含在package.json中的独立文件中
script ->（“make-win”：“electron-builder --config electron-builder-win.json --publish always“）
Windows桌面图标-->“win”：{“icon”：“assets/icon.ico”}
Windows安装图标--> nsis：{“installerIcon”：“assets/icon.ico”，“uninstallerIcon”：“assets/icon.ico”，}
请注意，上面的示例使用了webpack，并在创建可执行文件时将./assets移动到assets中。规则对于Mac和Linux是相似的，密切注意你的图标的大小，并参考官方文档的具体构建（dmg等）