如何为你的电子应用程序设置应用程序图标?

我正在尝试BrowserWindow({icon:'path/to/image.png'});但这并不奏效。

我是否需要打包应用才能看到效果?


当前回答

在Linux中,您可以在项目目录中搜索icon.png,并使用您的自定义图标(具有相同的名称)更改两个文件(一个用于Debian,一个用于Redhat)。

其他回答

windows 10

electron-packager

electron-packager . appname--platform=win32 --arch=x64 --overwrite --icon=icons/icon.ico --out=release-builds

图标会一直被缓存,所以使用——out标志会有所帮助。

对于windows使用资源黑客

下载和安装::D

http://www.angusj.com/resourcehacker/

运行它 选择打开并选择exe文件 在你的左边打开一个名为Icon Group的文件夹 右击1:10 33 点击替换图标 选择您选择的图标 然后选择替换图标 保存并关闭

你应该构建应用程序

**

重要的是: 过时的答案,看看其他更新的解决方案

**

你也可以在macOS上这么做。好的,不是通过代码,而是通过一些简单的步骤:

找到你想要使用的。icns文件,打开它并通过编辑菜单复制它 找到电子。App,通常在node_modules/electron/dist中 打开信息窗口 选择左上角的图标(灰色边框) 通过cmd+v粘贴图标 在开发过程中享受你的图标:-)

实际上,这是一个普遍的现象,并不局限于电子。你可以像这样更改许多macOS应用程序的图标。

在Linux中,您可以在项目目录中搜索icon.png,并使用您的自定义图标(具有相同的名称)更改两个文件(一个用于Debian,一个用于Redhat)。

请注意,图标文件路径的例子倾向于假设main.js在基本目录下。如果文件不在应用程序的基本目录中,路径规范必须说明这一事实。

例如,如果main.js在src/子目录下,而图标在assets/icons/下,这个图标路径规范将工作:

icon: __dirname + "../assets/icons/icon.png"