Electron 笔记02--使用electron-builder打包

最新推荐文章于 2025-09-22 14:59:38 发布
原创 最新推荐文章于 2025-09-22 14:59:38 发布 · 278 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#node.js

本文详细介绍了使用Electron-builder工具将Electron项目打包为桌面应用的过程，包括设置配置文件、解决NSIS打包错误及创建安装文件。适用于希望将Electron应用发布到Windows、macOS等平台的开发者。
最低0.47元/天 解锁文章
electron-builder 打包安装与启动手动安装，最终解决方案，之前的文章与其他的人都不用看了。
guiplan
04-25 538
最近官网出了个electron-forge，但打包之后的软件包有问题会有个多余的遮罩物挡在软件的最前面，太恶心了。研究了很久硬是没法去掉。没办法只能重温electron-builder工具来进行打包。之前用过这个安装过一次，也是耗费了好几天。而且也做好了笔记，有资料的情况下，我万万没想到我又用了两天时间才把这个打包工具安装好。我是真的无语了。尝试了很多种办法，大家也别尝试了，还是乖乖的手动安装吧！不过我想到的办法是真的多，大家有兴趣的可以尝试，遇到类似问题也可以套用这几个方法。
超详细！！！electron-vite-vue开发桌面应用之Electron Forge打包项目（三）
qq_43206280的博客
08-14 1757
这个报错信息表明你正在使用的 forge.config.js 文件被当作一个ES模块文件处理，因为它是一个.js扩展名的文件，并且在文件内部使用了ES模块的语法（例如 import, export 等）如果你想要 forge.config.js 被当作CommonJS模块处理，你可以将文件扩展名改为 .cjs，Node.js 会默认将。这里直接将forge.config.js改为forge.config.cjs,再次运行npm run start，打开出现白屏。.cjs 文件作为CommonJS模块处理。
electron使用electron-builder进行MacOS的 打包、签名、公证、上架、自动更新
wuyeyixi的专栏
12-22 8245
由于electron在macOS下的坑太多，本文不可能把所有的问题都列出来，也不可能把所有的解决方案贴出来；本文也不太会讲解每一个配置点为什么要这么设置的原因，因为有些点我也说不清，我尽可能会说明的。所以，你要抛弃你之前所有已经完成的东西，最好弄一个全新的系统，严格按照本文的步骤做。建议用vmware虚拟机，装一个全新的macOS系统。配合vmware的拍照功能，如果中途出错，可以回退到虚拟机的上一个正常状态，非常方便。我也是在这篇文章以及网友的在助下才走通这个流程的，你可以参考一下。
electron 利用electron-builder打包
qq_44862552的博客
03-16 2659
在上面的例子中，我们添加了一个名为 dist 的 script，它的值是 electron-builder。这将使用 electron-builder 打包我们的应用程序。执行 npm run dist 命令时，它会自动读取 package.json 文件中的 build 配置，并根据其进行打包。
Electron桌面应用打包实战：electron-packager与electron-builder详解
最新发布
weixin_31749299的博客
09-22 1702
Electron 是一个基于 Node.js 和 Chromium 的开源框架，允许开发者使用 HTML、CSS 和 JavaScript 构建跨平台的桌面应用程序。它将前端技术栈的能力扩展到桌面端，使得 Web 开发者可以轻松构建功能强大的原生级桌面应用。构建脚本是连接开发与发布的桥梁。合理的脚本设计不仅能简化操作，还能实现多环境分离与自动化触发。在的scripts字段中定义清晰的构建指令：参数说明：：指定目标平台。：指定 CPU 架构。--dir。
【electron】electron-builder-start 调试main进程
xl19900502的专栏
11-25 741
【练习代码】 代码git地址：https://github.com/SmileEricXin/electronPractice.git 拉debug_main分支 【步骤一】 点击vscode调试设置按钮，点击此按钮会弹出launch.json文件供编辑，此文件保存在.vscode文件夹下。 【步骤二】 将launch.json内容设置为： { ...
electron+electron-builder实现能运行+打包的c/s桌面应用程序
stone.eye的博客
07-29 1453
首先为了方便起见可以直接去官方获取一个快速运行的示例 直接去获取一个官方仓库的示例git clone https://github.com/electron/electron-quick-start 然后运行npm install,npm install可能会因为数据源是国外的导致下载失败或过慢的情况，可以通过 npm i -g cross-env 然后 cross-env ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/" npm i el
electron-builder 打包配置
好，很好，非常好
05-21 8820
NSIS（Nullsoft Scriptable Install System）是一个开源的 Windows 系统下安装程序制作程序。它提供了安装、卸载、系统设置、文件解压缩等功能。NSIS 通过它的脚本语言来描述安装程序的行为和逻辑的。NSIS 的脚本语言和通常的编程语言有类似的结构和语法，但它是为安装程序这类应用所设计的。
在windows上 electron 利用electron-builder实现打包，配合electron-updater自动更新
weixin_43990954的博客
11-22 2831
在windows上 electron 利用electron-builder实现打包，配合electron-updater自动更新 笔记贴：突然要用，每次都忘，记录下过程。 1. 确认基础环境 node -v v10.16.3 electron -v v6.0.9 npm -v 6.9.0 2. electron文件夹结构 单package.json结构 ，因参考官方文档显示： Since ...
笔记：electron+vue开发跨平台应用（使用electron-builder）
伪成年的博客
11-13 1217
1、项目搭建 使用的vue-cli搭建项目，搭建方法查看官方文档 vue-cli文档 2、安装插件 方法一：(可视化安装) vue ui打开“vue项目管理器”安装插件vue-cli-plugin-electron-builder electron-builder插件文档地址electron-builder文档 点击安装完成，保存文件改动，然后根据提示安装electron，下载过程比较慢。 方法二： 安装插件：vue add electron-builder 全局安装electron：npm insta
基于 electron-builder 实现 Electron 项目的 打包 与 远程更新
无人境界的博客
10-26 1753
使用 Vue + Electron + electron-builder 搭建一个简单的 Electron 项目。本示例只对 Windows 打包进行了部分配置，更多配置可以查看 electron-builder 官网。如果遇到 依赖安装失败 或者 打包失败 的问题，建议多尝试几次。
Electron 使用electron-packager、electron-builder打包demo
08-03
该文件是使用Electron开发的demo，使用electron-packager、electron-builder打包的例子
通过electronbuilder将Electron案例制作成Windows程序以及安装包
08-11
通过electron-builder 将 Electron案例 制作成 Windows程序 以及 安装包
【vue + electron】使用electron-builder 打包成桌面程序
weixin_72915158的博客
08-06 2902
1、上篇文章是根据官网的教程make创建的桌面程序描述：本章是使用electron-builder把web端的项目打包生成桌面程序，并可安装程序。首先电脑上需要有node以及git，如果没有请先根据官网下载。并且需要一个github的账号，方便后期使用。有了这些之后，那么接着跟着往下走吧。
electron-builder参数详解
培根芝士的专栏
04-14 2046
electron-builder 是一个用于打包和构建 Electron 应用的工具，支持 macOS、Windows 和 Linux 平台，并提供了丰富的参数配置选项。
vue配置electron，使用electron-builder进行打包【完整步骤】
CMDN123456的博客
08-05 1万+
vue配置electron，使用electron-builder进行打包【完整步骤】
electron-builder 解析：你了解其背后的构建原理吗？
12-16 1738
我们前面浅析了 Electron 的相关原理，这一节我们来讲讲 electron-builder 的原理。为什么要讲它呢，因为它的原理基本上包含了业界跨端的桌面端开发框架的打包构建原理，搞懂了这款工具的原理，其他的类似的跨端开发框架的构建思路都差不多，比如 NW.js 之类的，都差不多。而且它在构建 electron 应用这一块是非常成熟和优秀的，如果你想无痛构建 electron 应用，它是首选。下面我们就来看看它的整体原理与构建流程。
electron打包：electron-packager及electron-builder两种方式实现（for Windows）
顺其自然~专栏
04-19 1万+
本文主要介绍如何通过electron-packager及electron-builder两种方式，将已有的electron应用打包成msi格式和exe可执行文件。打包是一个成熟的应用程序一个重要的环节，希望这篇文章可以给大家一些参考，最后会讲到打包时遇到的一些坑，与大家分享。 本文适用于有一些electron实践经验的小伙伴，知道如何创建一个简单的electron应用，并且知道electron主进程、渲染进程间如何通信。 electron-packager 使用命令npm install elect.
electron的electron-packager打包运行和electron-builder生产安装包过程，学透 Electron 自定义 Dock 图标
热门推荐
阿牛哥的博客
07-25 1万+
electron的electron-packager打包运行和electron-builder生产安装包过程，学透 Electron 自定义 Dock 图标
Electron-Vite 脚手架项目模板
“build”命令则调用electron-builder或electron-packager将应用打包为Windows（.exe）、macOS（.dmg/.app）、Linux（.AppImage）等可分发格式。此外，项目往往集成TypeScript以增强代码健壮性，配置tsconfig.json...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值