electron-builder的使用

疯狂的代码@ 疯狂的代码@ 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.1k累计阅读 2.2k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄7年
关注
原创 最新推荐文章于 2026-07-17 08:16:12 发布 2.1k 阅读 AI 写同款· GEO 优化 ›
Electron详解（二）：基本使用与项目打包 在使用Electron进行开发之前，您需要安装 Node.js，最低工作版本为 14.x，低于 14 的版本在后面的打包过程中可能会报错。（注意，因为 Electron 将 Node.js 嵌入到其二进制文件中，所以在 electron 应用运行时的 Node.js 版本与你本地电脑中运行的 Node.js 版本无关。（虽然您需要在开发环境安装 Node.js 才能编写 Electron 项目，但是 Electron 不使用您系统的 Node.js 环境来运行它的代码。 阅读详情
  • extraFiles：打包额外的文件放在项目的根目录
  • asar：设置资源文件的打包方式，文件夹模式和asar包模式
  • filter：文件过滤器，过滤不需要放进安装包中的文件
pluginOptions: {
  electronBuilder: {
	builderOptions: {
	  files: [
		{
		  'filter': ['**/*']
		}
	  ],
	  extraFiles: ['./extensions/'],
	  asar:  false
	},
  }
},

未完待续…

收录于
前端

当前文章被收录于：

前端
1 篇文章 0 人学习
订阅专栏 查看详情
标签
#vue #electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
electron-builder 打包自定义路径配置 electron-builder打包自定义路径配置 阅读详情

相关推荐

Electron打包进阶：巧用extraFiles与extraResources管理外部资源（含跨平台路径解析）

本文深入探讨Electron打包中extraFiles与extraResources的高级用法，详解如何高效管理外部资源文件并解决跨平台路径解析难题。通过实战代码演示动态路径拼接技巧，提供Glob模式匹配、平台差异化配置等进阶方案，帮助开发者优化Electron应用的资源管理流程。

weixin_33290540的博客 216

electron的extraFiles和extraResources的配置和使用（附：动态路径拼接问题）

也就是说无论什么环境，都可以精准无误的访问到根目录。在打包时会将指定文件夹复制到打包后应用程序的。在打包时会将指定文件夹复制到打包后应用程序的。文件夹会被复制到打包后应用程序的。文件夹会被复制到打包后应用程序的。文件夹，这里用来存放你的资源。文件夹，这里用来存放你的资源。是打包额外文件配置项，配置。进程当前的工作目录，也就是。是打包额外资源配置项，配置。可以将多个路径拼接到一起。(Windows)，或者。(Windows)，或者。进程当前的工作目录，文件夹所在目录，那么。的目录路径地址就是，

前端工程师 · Vue 生态深耕者，专注多端与工程化 7171

vue配置electron，使用electron-builder进行打包【完整步骤】

vue配置electron，使用electron-builder进行打包【完整步骤】

CMDN123456的博客 1万+

electron-builder解决打包后找不到代码文件、打包指定资源到安装目录的问题

本人使用文本编辑器打开app.asar粗略的看了一下，发现所有files配置项指定的代码文件，都被打包进了app.asar这个文件中。个人猜测当浏览器访问app.asar/xxx时，electron会去app.asar中解析出对应的xxx文件返回给浏览器。那就必须将这个静态文件打包进应用程序，用户下载时使用electron主进程的node程序读取这个文件返回给用户。重点看resource文件夹下的app.asar文件，这个文件就是electron-builder。为额外资源，它们的作用就是打包额外的文件；

m0_55960697的博客 4255

electron使用electron-builder进行MacOS的 打包、签名、公证、上架、自动更新

由于electron在macOS下的坑太多，本文不可能把所有的问题都列出来，也不可能把所有的解决方案贴出来；本文也不太会讲解每一个配置点为什么要这么设置的原因，因为有些点我也说不清，我尽可能会说明的。所以，你要抛弃你之前所有已经完成的东西，最好弄一个全新的系统，严格按照本文的步骤做。建议用vmware虚拟机，装一个全新的macOS系统。配合vmware的拍照功能，如果中途出错，可以回退到虚拟机的上一个正常状态，非常方便。我也是在这篇文章以及网友的在助下才走通这个流程的，你可以参考一下。

wuyeyixi的专栏 8564

使用 electron-builder 打包与发布 Electron 应用

本文基于 electron-vite-vue 脚手架，详细介绍了如何使用 electron-builder 实现多平台打包、自动更新发布配置以及常用构建脚本与输出结构。

farme_guan的博客 2221

electron-builder 的使用

electron-builder 的使用 前言 使用electron-vue开发一个electron跨平台项目。 安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli vue init simulatedgreg/electron-vue my-project 安装依赖并运行你的程序 cd my-project yarn # 或者 npm install yarn...

guoqkmiss的博客 3833

使用electron-builder打包Windows应用程序

electron-builder是一个强大的打包工具，它能够帮助我们将Electron应用程序打包成可执行文件，以供Windows用户使用。electron-builder是一个强大的打包工具，可以帮助我们将Electron应用程序打包成可执行文件和安装程序。在本文中，我们介绍了使用electron-builder的基本步骤，包括安装、创建Electron应用程序、配置electron-builder以及构建应用程序的过程。您可以将生成的安装程序分发给用户，让他们安装和使用您的应用程序。

PvDeveloper的博客 939

使用electron-builder对Electron项目进行打包

1、首先我们需要先安装electron-builder打包工具 以管理员身份运行CMD，然后输入命令cnpm install electron-builder -g即可安装。输入electron-builder -v查看是否安装成功，如下图所示为已安装好了的效果： 2、使用命令进行打包 第一次打包，需要下载以下文件（如果使用命令...

Quber 9166

Python爬虫之爬取并下载哔哩哔哩视频

它可以爬取并下载视频文件和音频文件！亲自使用过，太好用了。

2301_80124151的博客 3万+

基于FPGA的数字信号处理（17）--定点运算的实现实例（饱和Saturate与四舍五入Round）

基于FPGA的数字信号处理（17）--定点运算的实现实例（饱和Saturate与四舍五入Round）

孤独的单刀 2960

使用 electron-builder打包vue出现的问题

使用 electron-builder打包vue以及解决出现的问题

Qiu_SS的博客 3305

智能车图像处理1-基础图像规格

从厂家摄像头的库函数中，我们可以直接得到完整图像的灰度数组，经过二值化之后(算力允许，可以考虑大津法)，就是我们要处理的0-1二值图像了。本系列所有的文章中，我们的图像规格如下。

taiyuezyh的博客 4341

使用 electron-builder 打包 Electron 程序

在将 Electron 代码开发完成后，如果想要投入生产环境，那就必须经过很关键的一步——打包。

编程三昧 2277

（代码可运行）半导体器件和工艺模拟 使用Silvaco设计构建NMOS并提取各项工艺及器件参数

win10。

qq_20388971的博客 110

《R 语言卡方检验全解析：手写代码实现与详细步骤》卡方检验

卡方检验（Chi-Square Test）是一种常用的统计方法，主要用于检验分类变量之间的独立性或拟合优度。在医学、社会科学等领域中，卡方检验常用于分析两个或多个分类变量之间的关系。以下是卡方检验的全面解析，包括实现代码和手写公式。χ2∑Ei​Oi​−Ei​2​Oi​Ei​dfr−1c−1rcdfk−1k如果卡方统计量大于临界值，或 p 值小于显著性水平（如 0.05），则拒绝原假设。

Mrrunsen的博客 685

linux终端运行electron软件,如何使用electron builder在ubuntu中构建electron应用程序

我已经创建了一个电子应用程序。我在linux中使用electron builder创建了appImage。我希望在linux中为windows构建应用程序。但它抛出wine required错误。请帮助解决此问题。这是包.json"name": "Gamer","version": "1.0.0","main": "main.js","repository": "https://github.co...

weixin_29584723的博客 1553

基于Cesium实现，动态水面+大坝排水动画

一、绘制面状水域，使用水波纹理，进行渲染，水体透明，可以看到底色。三、使用粒子系统，将喷泉改变方向，加上重力设置，实现排水动画。二、绘制线状三维体，用作模拟大坝拦截效果。四、最后，模拟水位上升，进行淹没分析，

一醉千秋的专栏 1420

使用electron-builder来打包electron应用

使用electron-builder打包应用是安装包方式，而不想electron-packager打包之后直接是一个可文件夹，交给所有的文件暴露出来。 要使用electron-builder官方推荐使用yarn来进行安装electron-builder模块，那么我们首先要使用npm命令来添加yarn 打开命令窗口执行如下命令(当然前提是安装了nodejs)，在全局中添加yarn模块npm ins

chenyidong521的博客 1万+

SAP 调用Ftp服务器

FTP(File transfer protocol)是一种标准的网络协议，可以用于在互联网上传递文件。SAP系统中可通过系列配置和提供的些标准函数，用于查看、更新、下载FTP服务器上的文件。提示：以下是本篇文章正文内容，下面案例可供参考。

qq_38304013的博客 1418

剪映专业版关键帧完全教程：从原理到实战的动画必修课

关键帧是视频动画的核心原理。视频由连续静止画面（帧）构成，关键帧记录素材属性变化的起始与结束状态，中间过渡帧由软件自动计算生成。剪映专业版中，视频、音频、文本、贴纸等素材均支持关键帧动画，可调节位置、缩放、旋转、不透明度、音量等参数。操作为：在起始位置点击参数旁菱形按钮添加关键帧，移动播放头后调整参数，系统自动生成第二个关键帧。多属性可独立控制并叠加，实现放大同时淡出等复合效果。通过设定变化起点与终点，关键帧能让静止元素产生移动、缩放、淡入淡出等丰富动态，是视频剪辑从基础拼接进阶创意表达的核心技能。掌握关键

深耕计算机专业知识与技术。 2092

使用 electron-builder 构建一个 Electron 应用程序

使用构建一个 Electron 应用程序是一个多步骤的过程，它涉及到了解如何设置你的开发环境、配置构建工具以及运行构建命令。

邮箱：uemgyth@163.com 1345

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件，这是C++版本的破解文件

electron-packager无法打包，转而使用electron-builder

本来是想用electron-packager简单打个包。但是，似乎因为国内网络问题，所以electron-packager一直过不去。转而开始使用electron-builder。electron-builder虽然也因为国内网络导致有东西下载不下来，不过总归是解决了。 首先安装 electron-builder： npm install electron-builder 在pack...

Sunflower812 的博客 3227

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料，已经经过了本人的筛选和整理，希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助！

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

Electron-Nuxt打包教程：使用electron-builder发布跨平台应用

Electron-Nuxt是一个结合Electron与Nuxt.js/Vue.js的快速启动模板，提供了vue-cli脚手架、electron-builder打包工具、单元测试和e2e测试等功能，帮助开发者快速构建跨平台桌面应用。本教程将详细介绍如何使用electron-builder为Electron-Nuxt项目创建Windows、macOS和Linux平台的安装包。 ## 准备工作：环境搭

gitblog_00216的博客 868

老版QQ原生表情gif动态

这是老版的QQ表情，不过全是动态的的，Windows照片查看器是不会动的，可以右击用浏览器打开查看，再说一遍是老版的，只是分享给宁愿用老版也要动态的人。

Electron应用使用electron-builder配合electron-updater实现自动更新

开发客户端一定要做的就是自动更新模块，否则每次版本升级都是一个头疼的事。 下面是Electron应用使用electron-builder配合electron-updater实现自动更新的解决方案。 1.安装 electron-updater 包模块 npminstallelectron-updater--save 2.配置package.json文件 2.1 为了打包时生成latest.yml文件，需要在 build 参数中添加 publish 配置。 "build": { "...

飞翔的熊blabla 2029

electron-builder 的基本使用

将web打包成为桌面应用

码刀攻城 1581
上一篇： docker-compose 中 volumes、environment、privileged、network_mode的使用
下一篇： golang 文件命名规则
点赞 0
评论 0
书签 书签 1
疯狂的代码@
疯狂的代码@
博客等级 码龄7年 693粉丝 37原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值