electron桌面应用图标更改

最新推荐文章于 2024-09-24 08:32:50 发布

扶苏1002

最新推荐文章于 2024-09-24 08:32:50 发布

阅读量2.7k

点赞数 2

分类专栏： Electron桌面应用文章标签： electron chrome 前端

本文链接：https://blog.csdn.net/qq_44741577/article/details/136852567

版权

Electron桌面应用专栏收录该内容

9 篇文章 0 订阅

订阅专栏

文章目录

electron-icon-builder是一个生成图标的包

安装electron-icon-builder

npm install electron-icon-builder --save-dev

package.json中配置命令

"scripts": {
  "electron:generate-icons": "electron-icon-builder --input=./public/favicon.png --output=build --flatten"
},

执行命令生成icon

npm run electron:generate-icons

完成后会在根目录多出来一个build目录
删除原来的dist_electron，重新打包，安装后就是新图标了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

扶苏1002

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【Electron-vue】创建桌面应用（12）- 修改electron窗口图标和桌面图标

chenqk_123的专栏

10-16

1万+

1.前言直到今天Electron-vue项目终于到打包联调的的最后阶段了，在本地调试没有问题的情况下，需要进行最后一步的模拟真实环境下的调试了。默认打包将会使用默认的图标，所以打包之后的项目需要做以下几点修改静态资源路径的修改打包后窗体图标的修改安装之后的图标修改将会在下面的配置修改中统一处理 2.配置修改 2.1 静态资源路径的修改由于我需要去调度/执行另外一个exe文件，所以我需要将开发环境和生产环境作区分，所以需要配置不同环境下的exe文件(暂时称为服务端exe)的路径。服务端

使用 Electron 构建桌面应用程序的介绍

qq_60174013的博客

08-22

1593

另一个主要优势是，如果您可以构建网站，则可以使用 Electron.js 构建桌面应用程序，因此，现有的 Web 开发人员/Web 开发团队可以轻松地转化为桌面软件的开发人员。有了这个，构建桌面应用程序不再是编写 C++、C# 或 Java 的开发人员的专有能力，因为 Web 开发人员现在可以将他们的技能转移到推出行业标准的桌面软件。对象的新实例来实现这一点。随着这些强大的公司采用 Electron.js 而不是原生桌面软件开发方法，Electron.js 已将自己确立为开发桌面应用程序的值得信赖的框架。

参与评论您还未登录，请先登录后发表或查看评论

Electron 更换窗口图标、exe执行文件图标

最新发布

weixin_59685936的博客

09-24

767

Electron 更换窗口图标、exe执行文件图标

Electron 图标修改

CMDN123456的博客

09-18

725

Electron 图标修改

vue项目，若依使用electron打包为exe应用

qq_46872379的博客

04-24

1657

文档结尾分隔符==================================================-===文档结尾分隔符==================================================-===若还是出现此类问题，则直接去修改 project/src/utils/request.js 文件。若是还是报错报镜像问题，尝试更改为如下官方给出的镜像或是检查网络问题，建议使用科学上网。若是安装报错，请检查环境配置。直接将其修改为线上地址。

vue-cli-plugin-electron-builder创建的electron项目打包时怎么自定义图标

wj423028的博客

11-14

586

在public目录下放两个图标icon.ico和icon.icns，icon.ico是windows的图标，icon.icns是mac的图标，这样就可以把默认图标改成自定义的图标了。electron-builder配置。

electron 应用图标修改

A_man_of_ideas的博客

12-01

3643

修改窗口图标更换Electron应用程序的桌面图标准备好你想要作为图标的图片文件，可以是PNG格式安装一个可以转换图片格式为ICO的工具，例如在线转换工具“在线转换icon图标工具”。将你的PNG图片文件上传并转换为ICO格式将转换得到的ICO文件放到你的Electron项目的public或assets文件夹中（桌面应用图标要求大小不能超过256*256这个，且后缀为【.ico】,将图标放到固定文件目录中（自建））在package.json文件中，找到"build"字段

electron 修改修改应用默认图标

九段刀客的博客

03-21

6078

1、安装生成icon图标依赖 npm install electron-icon-builder --save-dev 2、配置启动命令 "scripts": { "electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=build --flatten" }, 3、生成icon yarn electron:generate-icons 完成后会在根目录多出来一个build目录

2,【electron+vue】构建桌面应用——常见的功能及问题(修改桌面图标,软件图标,窗口图标,图标不显示问题,影藏默认菜单栏,开机自启,手动或被动关闭应用)

09-27

3390

1.首先这些图标必须是结尾的图片,如果你将其他格式的图片改成.ico的,也不行哦,至于为什么,我也没深入研究,按着规定来就好.2.如何获取.ico格式的图片或者说如何将其他格式的图片转换成.ico格式的图片呢,这里推荐一个app,名字是,大家自行搜索安装使用哈,给大家看下大概的界面:3,前两步弄好后,咱们就有了ico的图片,现在替换默认的图片,在你声明主进程的地方这是修改应用左上角的图标4,修改桌面的图标, .exe前面的图标。

【electron】打包应用修改图标和进程名字

kinghzking的专栏

11-20

7002

这个一般是文件被打开或者VSCode等工具占用了该文件，关闭掉相应进程就行了。在网上找了两个网站，都可以制作icon，但是第二个最大只能制作。制作一个大于等于256*256的icon。resources\app.asar占用。制作一个大于等于256*256的icon。resources\app.asar占用。icon必现大于等于 256*256。icon必现大于等于 256*256。icon图标要包含各种分辨率的。icon图标要包含各种分辨率的。修改package.json。修改package.json。

Electron-vue 关于图标的修改

mm_0123456789的博客

04-28

7542

electron-vue 图标提示：图标包括：启动项目时桌面主题图标，窗口左上角图标，菜单栏图标，系统托盘图标，打包安装图标、开始菜单图标、快捷方式图标等。文章目录electron-vue 图标1. 启动项目默认图标与窗口左上角图标2. 菜单栏图标3. 系统托盘图标4. 打包安装包图标5. 开始菜单图标和快捷方式图标总结 1. 启动项目默认图标与窗口左上角图标这两个图标均由 mainWindow 的 icon 属性决定：代码如下（示例）： mainWindow = new BrowserWi

2014-12-16-关于更换应用程序图标的问题

12-16

首先，我是把软件安装在手机上测试的，不是在模拟器上。当我想更改应用程序图标时，我首先按以下步骤操作了：在res/drawable-hdpi或res/drawable-ldpi或res/drawable-mdpi目录下，加下你要显示的图片，最好后缀是为.png的，然后修改AndroidManifest.xml文件，里面有这样一行代码<application android:icon="@drawable/icon" android:label="@string/app_name">，把它改为<application android:icon="@drawable/***" android:label="@string/app_name">（“***”表示你放入的图片的名，比如你放入app.png，那么就是android:icon="@drawable/app"）记得在AndroidManifest.xml文件中把所有activity中的icon的属性都改为你的图片@drawable/***。然后发现程序运行页面的图标更改成功了，但是桌面上的应用程序图标还是原来的。原因：手机中之前安装过这个软件，在手机中存有原来这个软件的图标，当我们换图标时，它直接调用原来版本的软件的图标。解决办法：使用杀毒软件或者手机管家等清理手机垃圾缓存等即可解决。

【Electron-vue】构建桌面应用（25）- Ubuntu安装deb文件任务栏不显示应用图标

chenqk_123的专栏

01-22

3383

1.前言上帝在给你打开一扇窗的同时，会给你挖个坑最近在做Electron-Vue支持Linux系统的调研。发现坑太多了，由于Linux的发行版太多再加上还有不同的UI，导致要做版本的支持会是一个让人很崩溃的事情。首先让我们看看Linux系统下的表现形式。 2.Linux支持Electron客户端先了解一下Linux世界用户较多的前2大主要分支， RedHat Red Hat Enterprise Linux 简称RHEL rpm (RedHat, CentOS, Fedora, Oracle…

【Eelectron-vue】构建桌面应用（18）-electron打包应用时托盘图标错误

chenqk_123的专栏

10-29

1230

今天打算打成安装包发给测试部门做集成测试，本想偷个懒直接打包交给测试，但是大意失荆州。测试拿到安装文件，安装后执行程序，直接报错，程序直接就奔溃了，错误信息如下：看到错误的时候也是蒙了一下。仔细查看了一下错误信息，应该是图片路径的错误。我们知道在开发环境下的文件路径跟生产环境下是不一样的，需要我们在做产品打包发布时做额外的处理。开发环境下，为了方便测试，我的图片都是跟主进程main/index.js放在同一路径下，都在src/main下，且运行无障碍，所以也没有注意。查看了一下代码，是在创建托盘

Electron: 跨平台桌面应用开发框架概览

百态老人的博客

07-17

953

不同操作系统有不同的用户界面指南和视觉风格，Electron应用可以通过定义不同的样式表或主题来适应这些差异。例如，可以为Mac OS X和Windows分别定义不同的菜单栏样式，以保持应用的原生外观和感觉。

Electron系列 -- vue项目嵌套electron打包成桌面应用(上)

m0_71071209的博客

07-11

1518

是一个生成图标的包安装package.json 中配置命令},执行命令, 生成icon完成后会在根目录多出来一个build目录在vue.config.js 中, 也要将路径进行调整删除原来的，重新打包，安装后就是新图标了。

electron一键生成项目图标

逸尘的专栏

09-07

1501

electron项目快速生成所有端的图标文件

Electron如何修改图标

qq_2422941992的博客

02-08

6100

问题：在electron的icon更换过程，是发生在最后的打包阶段，而不是开发过程中的。也就是说，大多数情况下，这个图标是打包的时候决定的。解决： 1、把要修改的图标放入工程里面，图标必须是ico格式 2、执行打包命令还不懂怎么打包的可以参考点击打开链接在打包的基础上加上--icon=图标路径，回车就可以可以了 [毕业设计][期末作业]二手闲置小程...

使用Electron打包Web程序为桌面应用

"本资源介绍了如何使用 Electron 打包Web程序，包括安装asar工具、electron-prebuilt模块，以及如何制作成.exe文件，并提供了更改图标的方法。主要涉及Electron的快速入门教程，包括必要的文件结构、安装步骤和打包...