electron+vue3全家桶+vite项目搭建【24】设置应用图标，打包文件的图标

文章目录

    • 引入
    • 实现步骤
    • 测试结果

引入

demo项目地址

在electron中，我们可以通过electron-builder的配置文件来设置打包后的应用图标

实现步骤

因为mac环境下的图标需要特殊格式，这里我们可以利用electron-icon-builder进行配置

1.引入相关依赖

# 安装electron-icon-builder的依赖
npm i electron-icon-builder -D
  • 加入安装过程中卡在了 phantomjs-2.1.1-windows.zip的下载，可以直接去github上下载
  • 这里我也放一份在网盘上，放在 C:\Users\ADMINI~1\AppData\Local\Temp\phantomjs\phantomjs-2.1.1-windows.zip
  • 链接：https://pan.baidu.com/s/1e1r2gB4HLqUohsYKLOuRbA?pwd=ei1h
    提取码：ei1h

2.package.json中补充命令：

"build-icon": "electron-icon-builder --input=./public/icon.png --output=public --flatten"

3.将png图片放置在 public目录下

请添加图片描述

4.修改electron-builder.json5文件

  mac: {// 注意mac的icon和windows的是不一样的icon: "public/icons/icon.icns",...},win: {icon: "public/icons/icon.ico",...},

请添加图片描述

5.修改主进程窗口创建部分的代码

process.env.PUBLIC = process.env.VITE_DEV_SERVER_URL? join(process.env.DIST_ELECTRON, "../public"): process.env.DIST;...new BrowserWindow({title: "Main window",icon: join(process.env.PUBLIC, "icons/icon.ico"),...)}

测试结果

我们运行build-icon脚本

请添加图片描述

可以看到publi的icons目录下生成了各种型号的图片

请添加图片描述

此时重新打包可以发现，安装包，和运行软件的图标都已替换为指定的图标

请添加图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/2805.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

GPT 如此强大，我们可以利用它实现什么？

GPT 如此强大，我们可以利用它实现什么？

GPT（Generative Pre-trained Transformer）是一种基于Transformer结构的预训练语言生成模型，由OpenAI研发。它可以生成高质量的自然语言文本，取得了很好的效果，被广泛应用于各个领域。以下是一些利用GPT实现的应用。 一…
阅读更多...
ts中setState的类型

ts中setState的类型

两种方法: 例子: 父组件 const [value, setValue] useState(); <ChildsetValue{setValue} />子组件 interface Ipros {setValue: (value: string) > void } const Child: React.FC<Ipros> (props) > {}
阅读更多...
SpringMvc配置静态资源访问路径

SpringMvc配置静态资源访问路径

文章目录 1. 整体流程2. registry.addResourceHandler()2.1 函数分析2.2 结果演示 3. ResourceHandlerRegistration.addResourceLocations()3.1 函数分析3.2 结果演示 1. 整体流程 1. 写一个配置类继承WebMvcConfigurationSupport 2. 利用 registry.addResourceHandler("…
阅读更多...
Vue成绩案例实现添加、删除、显示无数据、添加日期、总分均分以及数据本地化等功能

Vue成绩案例实现添加、删除、显示无数据、添加日期、总分均分以及数据本地化等功能

一、成绩案例 ✅✅✅通过本次案例实现添加、删除、显示无数据、添加日期、总分均分以及数据本地化等功能。 准备成绩案例模板&#xff0c;我们需要在这些模板上面进行功能操作。 <template><div class"score-case"><div class"table">…
阅读更多...
nginx基础3——配置文件详解（实用功能篇）

nginx基础3——配置文件详解（实用功能篇）

文章目录 一、平滑升级二、修饰符2.1 无修饰符效果2.2 精准匹配&#xff08;&#xff09;2.3 区分大小写匹配&#xff08;~&#xff09;2.4 不区分大小写匹配&#xff08;~*&#xff09;2.5 匹配优先级 三、访问控制四、用户认证五、配置https六、开启状态界面七、rewrite重写u…
阅读更多...
matplotlib 3D

matplotlib 3D

import matplotlib.pyplot as plt from mpl_toolkits.mplot3d import Axes3D import numpy as np# 创建一个三维坐标轴 fig plt.figure() ax fig.add_subplot(221, projection3d) xx fig.add_subplot(222) yy fig.add_subplot(223) xy fig.add_subplot(224)# 生成示例数据…
阅读更多...
关于你欠缺的NoSQL中的redis和mongoDB

关于你欠缺的NoSQL中的redis和mongoDB

文章目录 前言一、在string list hash结构中&#xff0c;每个至少完成5个命令&#xff0c;包含插入 修改 删除 查询&#xff0c;list 和hash还需要增加遍历的操作命令1、STRING类型2、List类型数据的命令操作&#xff1a;3、举例说明list和hash的应用场景&#xff0c;每个至少一…
阅读更多...
echarts图例对齐

echarts图例对齐

富文本不生效&#xff0c;是没有设置lineHeight
阅读更多...
企业内部FAQ系统的搭建重要性是什么？

企业内部FAQ系统的搭建重要性是什么？

企业内部FAQ系统&#xff08;Frequently Asked Questions&#xff0c;常见问题解答系统&#xff09;的搭建对于企业来说具有重要的意义。它可以帮助企业有效地管理和解决员工和客户的常见问题&#xff0c;提高工作效率和服务质量。 企业内部FAQ系统搭建的重要性&#xff1a; …
阅读更多...
Python批量实现Word、EXCLE、PPT转PDF文件

Python批量实现Word、EXCLE、PPT转PDF文件

一、绪论背景 在日常办公和文档处理中&#xff0c;有时我们需要将多个Word文档、Excel表格或PPT演示文稿转换为PDF文件。将文档转换为PDF格式的好处是它可以保留文档的布局和格式&#xff0c;并且可以在不同平台上进行方便的查看和共享。 本篇博文将介绍如何使用Python编程语言…
阅读更多...
lua脚本语言学习笔记

lua脚本语言学习笔记

Lua 是一种轻量小巧的脚本语言&#xff0c;用标准C语言编写并以源代码形式开放&#xff0c; 其设计目的是为了嵌入应用程序中&#xff0c;从而为应用程序提供灵活的扩展和定制功能。 因为我们使用redis的时候一般要写lua脚本&#xff0c;这篇文章就介绍一下lua脚本语言的基础用…
阅读更多...
旅行社优惠卡app软件开发

旅行社优惠卡app软件开发

旅游行业的不断发展&#xff0c;越来越多的旅行社开始推出各种优惠卡来吸引游客。而随着智能手机的普及&#xff0c;开发一款旅行社优惠卡APP软件成为了一种必然的趋势。 该软件的主要功能是提供旅行社的各种优惠卡信息&#xff0c;包括优惠卡的种类、价格、使用范围、有效…
阅读更多...
Pytorch如何打印与Keras的model.summary()类似的输出

Pytorch如何打印与Keras的model.summary()类似的输出

1 Keras的model.summary() 2 Pytorch实现 2.1 安装torchsummary包 pip install torchsummary2.2 代码 import torch import torch.nn as nn import torch.nn.functional as F from torchsummary import summaryclass Net(nn.Module):def __init__(self):super(Net, self).__…
阅读更多...
【Spring Boot学习一】创建项目 Spring Boot的配置文件

【Spring Boot学习一】创建项目 Spring Boot的配置文件

目录 一、安装插件 二、创建Spring Boot项目 1、创建项目 1.1 使用IDEA创建 1.2 网页版本创建 2、项目目录介绍与运行 三、Sping Boot的配置文件&#xff08;重点&#xff09; &#x1f337;1、.properties配置文件 &#xff08;1&#xff09;基础语法&#xff1a;Key …
阅读更多...
我在VScode学Java类与对象（Java显式参数和隐式参数、静态方法+main方法、Java访问修饰符、static关键字、Java的包、对象数组）第三辑

我在VScode学Java类与对象（Java显式参数和隐式参数、静态方法+main方法、Java访问修饰符、static关键字、Java的包、对象数组）第三辑

我的个人博客主页&#xff1a;如果’真能转义1️⃣说1️⃣的博客主页 关于Java基本语法学习---->可以参考我的这篇博客&#xff1a;《我在VScode学Java》 续《我在VScode学Java&#xff08;Java的类与对象&#xff09;》 方法会操作对象并访问他们的实例字段。 伍._. 显式参…
阅读更多...
elementUI el-radio 无法点击的问题

elementUI el-radio 无法点击的问题

<el-form-item label"B端客户类型" prop"user_type"><template slot"label"><span>B端客户类型</span><el-tooltip effect"dark" placement"top" content"B端大客户账期有效,只有设置该类型…
阅读更多...
javascript实现久久乘法口诀表、document、write、console、log

javascript实现久久乘法口诀表、document、write、console、log

文章目录 正序乘法口诀表倒序乘法口诀表logconsoledocumentwrite 正序乘法口诀表 function multiplicationTable() {for (let i 1; i < 9; i) {let val ;for (let j 1; j < i; j) {document.write(j * i (i * j) &nbsp );val ${j}*${i}${i * j} ;}consol…
阅读更多...
Vue第三篇：最简单的vue购物车示例

Vue第三篇：最简单的vue购物车示例

本文参考&#xff1a;Vue Cli&#xff08;脚手架&#xff09;实现购物车小案例 - - php中文网博客 效果图&#xff1a; 编写流程&#xff1a; 1、首先通过vue/cli创建工程 vue create totalprice 2、改写App.vue代码如下&#xff1a; <template><div><div v…
阅读更多...
深入浅出对话系统——基于预训练语言模型的对话管理

深入浅出对话系统——基于预训练语言模型的对话管理

引言 主要讲解三篇论文&#xff0c;主要思想是把自然语言理解、对话管理和自然语言生成三部分整合到一起。 先导知识 数据集 CamRest676MultiWOZ 都是用的自回归语言模型 causalGPT-2、Transformer Decoder 一个概念&#xff1a;delexicalization 通过相应的占位符替换…
阅读更多...
基于IMX6ULL的AP3216C的QT动态数据曲线图显示

基于IMX6ULL的AP3216C的QT动态数据曲线图显示

前言&#xff1a;本文为手把手教学 LinuxQT 的典型基础项目 AP3216C 的数据折线图显示&#xff0c;项目使用正点原子的 IMX6ULL 阿尔法( Cortex-A7 系列)开发板。项目需要实现 AP3216C 在 Linux 系统下的驱动&#xff0c;使用 QT 设计 AP3216C 的数据显示页面作为项目的应用层。…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023