electron-vite_2怎么设置win启动图标为透明图标？

最新推荐文章于 2024-11-12 18:04:16 发布

web前端进阶者

最新推荐文章于 2024-11-12 18:04:16 发布

阅读量541

点赞数 8

分类专栏： electron-vite2024新手上路文章标签： electron javascript 前端

本文链接：https://blog.csdn.net/u014708123/article/details/142827656

版权

electron-vite2024新手上路专栏收录该内容

12 篇文章 0 订阅

订阅专栏

win上面看到很多桌面应用都是透明图标，简单说下怎么设置win下面为透明图标

win修改图标后启动图没有里面改变；别慌是win缓存，重启电脑就好了；

在build目录下面修改icon.ico为带透明的就可以了

在这里插入图片描述

svg转ico网址

可以找公司UI设计一个svg然后转ico

// 在线免费转ico地址
https://www.freeconvert.com/zh/svg-to-ico
https://www.aconvert.com/cn/icon/svg-to-ico/#google_vignette

没有UI的可以先用阿里图标库随便找个带颜色的测试一下

https://www.iconfont.cn/

直接搜vscode选择多色图标

选一个自己喜欢的128*128的，点击svg下载，下载后转换成ico

打包编译后win修改图标后启动图没有里面改变；别慌是win缓存，重启电脑就好了；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

web前端进阶者

关注关注

8
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue3+ts+vite+electron electron-builder等文件打包参数配置说明

Missxu1895的博客

04-29

649

前端vue3+ts+vite+electron 打包electron-builder.json、electron-builder.yml等配置文件参数说明

vbs或vbe如何修改图标

分享知识

07-03

1916

之前用vbs做了可以傻瓜式运行python，pyqt的代码。为了更美观，这次增加了图标修改的方式之前的代码双击vbs即可运行但是图标不够个性这里我们可以通过右键创建个快捷方式然后再修改名称，放到你想放到的位置，这里我就直接放到桌面了然后右键选择属性，选择更改图标选择本地有的图片即可，不过要选择ico结尾的，这里可以使用格式工厂生成。最后得到的效果图如下：...

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

electron 应用图标修改

A_man_of_ideas的博客

12-01

3519

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

electron-vite处理打包图标

weixin_60523038的博客

06-05

504

可以去这个网址，把png图片转换成为ico格式的logo。今天遇到了一个问题，解决思路如下。首先就是你需要找到你的logo。

Electron应用图标的配置与生成

duzm200542901104的专栏

03-21

1万+

electron修改项目打包后的exe图标和打开之后的窗口图标

Electron-vue 关于图标的修改

mm_0123456789的博客

04-28

7517

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

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

热门推荐

chenqk_123的专栏

10-16

1万+

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

electron-vite_3win启动图标没有更新？

u014708123的博客

10-11

350

是win缓存，别慌重启电脑会好，或者手动清理掉win缓存；可以尝试用QQ管家卸载软件清除残留，然后垃圾清理深度清理；win缓存、注册表使用记录等；

通过electronbuilder将Electron案例制作成Windows程序以及安装包

08-11

其中，`appId`是应用的唯一标识符，`productName`是显示给用户的名称，`directories.output`指定了输出路径，`win.icon`设置了Windows应用的图标路径。此外，如果你的应用包含其他资源文件（如图片、字体等），...

Electron-Vue打包应用出现白屏的问题——更正

chenqk_123的专栏

09-09

5328

上次碰到白屏的问题，使用的是package命令去执行后出现的。然后换成build命令去执行，发现执行exe文件不会出现白屏的，程序正常。但是结合业务发现，build之后在build目录下存在一个unpackage的项目，意思就是未打包，而且打包之后的程序应该是双击即可打开的文件，而不是需要安装的文件，安装的话会产生对应的安装包，而package应该是在安装程序之后的，也就是先安装之后才会有package的文件。这么一梳理发现，现在要做的打包，应该是package而不是build，应该先把程序packa

electron 如何实现自定义安装界面

**My Coding Family**

10-20

433

为了自定义安装界面，你需要自定义 NSIS 脚本来控制安装流程。创建自定义 NSIS 脚本在build/目录下创建一个文件，该文件将用于自定义安装界面。在中，你可以修改安装步骤，例如让用户同意隐私协议后再安装。示例!!!让用户同意隐私协议!安装路径选择!!!MessageBox MB_YESNO "是否同意隐私协议?ReturnNoInstall:Quit修改安装程序外观通过文件自定义界面流程，比如让用户先阅读隐私协议，同意后才进入安装路径选择和文件复制的环节。

Vue 3+Vite+Eectron从入门到实战系列之一环境安装篇

峰会路转的博客

08-05

452

Electron 都应该不会陌生了，是一个使用 JavaScript、HTML 和 CSS 构建桌面应用的框架。通过将 Chromium 和 Node.js 嵌入到其二进制文件中，Electron 允许你维护一个 JavaScript 代码库并创建可在 Windows、macOS 和 Linux 上运行的跨平台应用 - 无需原生开发经验。

vbs小程序图标更改方法

weixin_42404697的博客

07-09

4580

1.首先将vbs小程序放在一个自定义文件夹下，然后在此文件夹下生成vbs小程序的快捷方式 2.将你想要换成的图片（图片像素要低）也放入此文件夹下，并改成bmp格式 3.右击vbs快捷方式，进入属性，点击更改图标，再点击浏览，选中刚刚的bmp图片，点击确定，快捷方式的图标就更换完成 4.将vbs快捷方式拉入桌面，大功告成 ...

使用yarn，如何编译打包electron？

最新发布

ftm_csdn的博客

11-12

373

以上步骤提供了使用yarn编译打包Electron应用的基本流程。具体的配置和步骤可能会根据你的项目需求有所不同，但大体流程是相似的。

Electron 项目启动外部可执行文件的几种方式

梵心白莲的博客

11-12

459

本文介绍了在 Electron 项目中使用不同的方法来启动外部可执行文件。使用启动外部可执行文件：适用于需要异步启动子进程并处理标准输入、输出和错误流的情况。使用启动外部可执行文件：适用于执行简单的命令行操作，并等待命令执行完毕后返回结果。使用或启动外部可执行文件：适用于不需要与外部进程进行交互的情况。使用启动外部 Node.js 脚本：适用于启动新的 Node.js 进程并进行进程间通信。

使用electron-egg把vue项目在linux Ubuntu环境下打包并安装运行

weixin_43623326的博客

11-12

723

使用electron-egg把vue项目在linux Ubuntu环境下打包并安装运行完整教程

Windows 中 Electron 项目实现运行时权限提升以杀掉特定进程

梵心白莲的博客

11-08

1185

在 Windows 操作系统中，有时我们需要以管理员权限来执行某些操作，特别是当需要杀掉由管理员启动的进程时。在使用本文中的代码时，我们应该注意安全性考虑，确保用户输入的管理员密码得到妥善保护，并谨慎考虑是否真的需要管理员权限。本文介绍了在 Windows 中使用 Electron 项目实现运行时权限提升以杀掉管理员启动的进程的方法。实现运行时权限提升以杀掉管理员启动的进程的代码展开深入讨论，分析其实现原理、应用场景以及可能遇到的问题和解决方案。，我们可以在运行时动态地提升权限，以便执行特定的操作。

electron-vite

12-29

根据提供的引用内容，以下是关于electron-vite的介绍和演示： electron-vite是一个基于Vite构建工具的Electron应用程序开发框架。它结合了Vite的快速开发能力和Electron的跨平台能力，使得开发Electron应用程序更加高效和简单。要使用electron-vite，首先需要安装electron和vite-plugin-electron。可以按照以下步骤进行安装： 1. 进入electron-demo目录： ```shell cd .\electron-demo\ ``` 2. 设置electron的镜像源为淘宝镜像： ```shell pnpm config set electron_mirror "https://npm.taobao.org/mirrors/electron/" ``` 3. 安装electron和vite-plugin-electron： ```shell pnpm install electron -D pnpm install vite-plugin-electron -D ``` 配置electron： 1. 新建electron/index.ts文件： ```shell mkdir electron echo >index.ts ``` 以上是关于electron-vite的介绍和安装步骤。你可以根据这些步骤来开始使用electron-vite进行Electron应用程序的开发。