Electron 使⽤ electron-builder 打包应用

electron有几种打包方式,我使用的是electron-builder。虽然下载依赖的时候让我暴躁,使用起来也很繁琐,但是它能进行很多自定义,打包完成后的体积也要小一些。

安装electron-builder

npm install electron-builder -D

使用 npm 下载 electron-builder 真的非常非常难受! 总是失败!

electron-builder官方建议使用yarn下载,并且明确表示Yarn is strongly recommended instead of npm.

yarn add electron-builder --dev

package.json 中进⾏相关配置:

{"name": "my-electron-app", // 应⽤程序的名称"version": "1.0.0", // 应⽤程序的版本"main": "main.js", // 应⽤程序的⼊⼝⽂件"scripts": {"start": "electron .", // 使⽤ `electron .` 命令启动应⽤程序"build": "electron-builder" // 使⽤ `electron-builder` 打包应⽤程序,⽣成安装包},"build": {"appId": "my-electron-app", // 应⽤程序的唯⼀标识符// 打包windows平台安装包的具体配置"win": {"icon": "./favicon.ico", //应⽤图标"target": [{"target": "nsis", // 指定使⽤ NSIS 作为安装程序格式"arch": ["x64"] // ⽣成 64 位安装包}]},"nsis": {"oneClick": false, // 设置为 `false` 使安装程序显示安装向导界⾯,⽽不是⼀键安装"perMachine": true, // 允许每台机器安装⼀次,⽽不是每个⽤户都安装"allowToChangeInstallationDirectory": true // 允许⽤户在安装过程中选择安装⽬录}},"devDependencies": {"electron": "^30.0.0", // 开发依赖中的 Electron 版本"electron-builder": "^24.13.3" // 开发依赖中的 `electron-builder` 版本},"author": "zhangSan", // 作者信息"license": "ISC", // 许可证信息"description": "一个测试用的electron项目" // 应⽤程序的描述
}

配置完成后,执行打包命令:

npm run build

问题及解决方案

下载Electron v32.1.2 的压缩包时出现了问题,导致后续的操作无法进行:

在这里插入图片描述
Electron 默认打包会从github上下载相关二进制包,在国内访问github非常慢,下载相关资源失败是很可能的事情。

直接通过浏览器访问 https://github.com/electron/electron/releases/download/v32.1.2/electron-v32.1.2-win32-x64.zip,看是否能够正常下载:
在这里插入图片描述

解决方案

  1. 翻一下墙,打开开关,解决问题
  2. 配置electron相关资源的镜像源

修改npm配置文件(没有就创建):

  • 可以在终端输入npm config edit命令,打开.npmrc文件
  • 可以按路径C:\Users\PC找到.npmrc文件并打开
  • 设置 electronelectron-builder-binaries 的镜像地址:
electron_mirror=https://registry.npmmirror.com/-/binary/electron/
electron_builder_binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/
always-auth=false

electron_mirror:这个环境变量指定了 Electron 的下载镜像地址。当项目需要下载 Electron 时,会优先从这个地址去获取二进制文件。
electron_builder_binaries_mirror:这个环境变量指定了 electron-builder-binaries 的下载镜像地址。electron-builder 是一个用于构建 Electron 应用的工具,而 electron-builder-binaries 包含了一些预编译的二进制文件,用于不同的平台和架构。设置这个镜像地址可以确保在构建过程中能够快速、稳定地获取这些二进制文件。
always-auth=false:表示在访问这些镜像资源时不需要进行身份验证。

.ico文件的尺寸至少是256 * 256

在这里插入图片描述
重新生成符合要求的favicon.ico

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

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

相关文章

python基础语法2

文章目录 1.顺序语句2.条件语句2.1 语法格式 3.缩进与代码块4.空语句 pass5.循环语句5.1 while循环5.2 for循环 5.3 continue与break 1.顺序语句 默认情况下,python的代码都是按照从上到下的顺序依次执行的。 print(hello ) print(world)结果一定是hello world。写…

【AIGC】ChatGPT提示词解析:如何打造个人IP、CSDN爆款技术文案与高效教案设计

博客主页: [小ᶻZ࿆] 本文专栏: AIGC | ChatGPT 文章目录 💯前言💯打造个人IP爆款文案提示词使用方法 💯CSDN爆款技术文案提示词使用方法 💯高效教案设计提示词使用方法 💯小结 💯前言 在这…

zookeeper 服务搭建(集群)

准备3台虚拟机,ip分别是: 192.168.10.75 192.168.10.76 192.168.10.77 准备3个节点 mkdir /usr/local/cluster cd /usr/local/cluster git clone https://gitee.com/starplatinum111/apache-zookeeper-3.5.9-bin.git 重命名文件夹 mv apache-zookeeper…

【学习笔记】手写一个简单的 Spring IOC

目录 一、什么是 Spring IOC? 二、IOC 的作用 1. IOC 怎么知道要创建哪些对象呢? 2. 创建出来的对象放在哪儿? 3. 创建出来的对象如果有属性,如何给属性赋值? 三、实现步骤 1. 创建自定义注解 2. 创建 IOC 容器…

软件设计师——计算机网络

📔个人主页📚:秋邱-CSDN博客☀️专属专栏✨:软考——软件设计师🏅往期回顾🏆:软件设计师——操作系统🌟其他专栏🌟:C语言_秋邱 一、OSI/ RM七层模型(⭐⭐⭐)…

Windows安装Vim,并在PowerShell中直接使用vim

大家好啊,我是豆小匠。 这期介绍下怎么在windows的PowerShell上使用vim,方便在命令行里修改配置文件等。 先上效果图: 1、下载Vim GitHub传送门:https://github.com/vim/vim-win32-installer/releases 选择win-64的版本下载即可&…

HIKVISION 海康威视对讲服务配置平台弱口令

漏洞描述 杭州海康威视系统技术有限公司对讲服务配置平台存在弱口令 漏洞复现 FOFA "document.write(TITLE_SYSTEM);" POC admin #账号 12345 #密码 登录成功

.net Framework 4.6 WebAPI 使用Hangfire

C# 使用 Hangfire 第一章 .net Framework 4.6 WebAPI 使用Hangfire 文章目录 C# 使用 Hangfire前言一、hangfire是什么?二、hangfire的特点三、.net Framework 中hangfire的使用方法第一步:创建WebAPI控制器第二步:添加nuget包第三步 创建startup类新建项目startup类Startu…

算法笔记(七)——哈希表

文章目录 两数之和判定是否互为字符重排存在重复元素存在重复元素 II字母异位词分组 哈希表:一种存储数据的容器; 可以快速查找某个元素,时间复杂度O(1); 当频繁查找某一个数时,我们可以使用哈希表 创建一个容器&#…

19款奔驰E300升级新款触摸屏人机交互系统

《19 款奔驰 E300 的科技焕新之旅》 在汽车科技日新月异的时代,19 款奔驰 E300 的车主们为了追求更卓越的驾驶体验,纷纷选择对爱车进行升级改装,其中新款触摸屏人机交互系统的改装成为了热门之选。 19 款奔驰 E300 作为一款经典车型&#x…

高炉计算笔记

一、总体概述 热风炉是一种重要的工业热能设备,通过燃烧燃料将水加热为蒸汽,用于驱动各种设备。在热风炉的运行过程中,烟气量是一个重要的参数,表示热风炉内燃料的利用率及运行效率。烟气量的计算公式如下: Q α Q…

iterator的使用+求数组中的第n大值+十大经典排序算法

目录 一、iterator的用法 二、求一个数组中的第n大值(n为2或者3) 1、求一个数组中的第二大值(不能使用排序) 2、求一个数组中的第三大值(不能使用排序) 三、冒泡排序 1、基本思想 2、代码实现 3、存…

【Unity踩坑】Unity更新Google Play结算库

一、问题描述: 在Google Play上提交了app bundle后,提示如下错误。 我使用的是Unity 2022.01.20f1,看来用的Play结算库版本是4.0 查了一下文档,Google Play结算库的维护周期是两年。现在需要更新到至少6.0。 二、更新过程 1. 下…

蓝桥等级考试C++组18级真题-2023-06-18

选择题 1 C L18(15分) 已定义double rate 3.921576;以下可以正确输出变量rate 的是()。 A printf("%d",rate); B printf("%f",rate); C printf("%ld",rate); D printf("%r",rate)&#…

初识Linux · 进程替换

目录 前言: 1 直接看代码和现象 2 解释原理 3 将代码改成多进程版本 4 认识所有函数并使用 前言: 由前面的章节学习,我们已经了解了进程状态,进程终止以及进程等待,今天,我们学习进程替换。进程替换我…

(10)MATLAB莱斯(Rician)衰落信道仿真1

文章目录 前言一、莱斯分布随机变量二、仿真代码与结果1.仿真代码2.仿真结果画图 后续 前言 首先给出莱斯衰落信道模型,引入了莱斯因子K,并给出莱斯分布的概率密度函数公式。然后导出莱斯分布随机变量的仿真表示式,建立MATLAB仿真代码&#…

mysql安装及使用·1

mysql安装环境变量配置pycharm连接服务初步使用 1.略 2.安装mysql之后进入到bin目录下, 双击输入cmd进入控制台窗口,输入mysql -uroot -proot(配置的账户)进入mysql 配置系统变量 新增bin目录到path中,cmd测试 3.…

【python实操】python小程序之打印输入的列表内容以及列表去重的两种方法

引言 python小程序之打印输入的列表内容以及列表去重的两种方法 文章目录 引言一、打印输入的列表内容1.1 题目1.2 代码1.3 代码解释 二、列表去重2.1 题目2.2 代码2.2.1 set格式转换2.2.2 for循环添加到新列表 2.3 代码解释2.3.1 set形式2.3.2 for循环 三、思考3.1 打印输入的…

scrapy爬取汽车、车评数据【中】

这个爬虫我想分三期来写: ✅ 第一期写如何爬取汽车的车型信息; ✅ 第二期写如何爬取汽车的车评; ✅ 第三期写如何对车评嵌入情感分析结果,以及用简单的方法把数据插入mysql中; 技术基于scrapy框架、BERT语言模型、mysq…

24-10-2-读书笔记(二十二)-《契诃夫文集》(一)上([俄] 契诃夫 [译] 汝龙)啊!真想生活。

文章目录 《契诃夫文集》(一)上([俄] 契诃夫 [译] 汝龙 )早期生活——塔甘罗格(人物家庭简介)学生时期——莫斯科(写作与学习)流浪时期——哈萨林(游历与流浪&#xff09…