- 综合排序
- 最热优先
- 最新优先
- 来自专栏编程三昧
使用 electron-builder 打包 Electron 程序
今天就将 MacOS 上使用 electron-builder 打包 Electron 应用的过程做一个记录。 yarn init -y yarn add electron-builder -D 这里建议将 electron-builder 安装在单独的目录，方便复用。 /electron-builder/node_modules/.bin/electron-builder" }, …… } 执行 npm run build 之后，终端信息如下： > Executing /electron-builder/node_modules/.bin/electron-builder • electron-builder version=22.14.5 os=19.6.0 /electron-builder/node_modules/.bin/electron-builder" }, …… "build": { "productName
3K20编辑于 2022-01-20 - 来自专栏编译思想
electron-builder进行DEBUG输出的正确方式
本文将介绍electron-builder进行DEBUG输出的正确方式来帮助排查打包过程中的各种问题。 electron-builder调试输出正确方式 electron-builder进行打包的时候，会建议你在此之前使用electron-builder install-app-deps的命令。 is doing: 设置DEBUG环境变量值为字符串electron-builder： DEBUG=electron-builder FPM_DEBUG 环境变量，将会显示更多关于构建Linux平台程序的细节 在我们的机器上，我们同样设置该环境变量，然后执行： 发现输出了大量的关于electron-builder的DEBUG打印，为我们了解electron-builder install-app-deps ，无法被electron-builder识别，。
1.2K50编辑于 2023-10-17 - 来自专栏编程三昧
不联网的情况下，使用 electron-builder 快速打包全平台应用
[electron-builder打包.001] 前言 Electron 之所以能够日益风靡，是因为其简单易用且对各个操作平台具有良好的支持。 --enable-loggin --no-sandbox", "build-64": "electron-builder --win --x64", "build-linux": "electron-builder --linux", "build-mac": "electron-builder --mac" } … } 在 my-electron 目录下打开终端，运行 npm run dev 即可进入开发模式 electron-builder 在打包的时候，会根据系统的不同去各自的 NPM 缓存目录下查找对应版本的 Electron 源，当我们将下载好的源放在 NPM 缓存中后，就不需要再去联网拉去了。 总结 以上就是在不联网的情况下使用 electron-builder 打包全平台桌面应用的记录。 ~ ~ 本文完，感谢阅读！ ~ 学习有趣的知识，结识有趣的朋友，塑造有趣的灵魂！
4.6K21编辑于 2022-03-03 - 来自专栏实时音视频Electron
TRTC Electron SDK: Mac 下构建双架构包
TRTC Electron SDK 从 10.6.403 版本开始，支持构建 X64 和 ARM64 双架构包构建双架构包，需要用到 electron-builder 的 --universal 命令行参数 代码文件：./.erb/configs/webpack.config.base.js注意 .node 文件加载路径相关的配置和代码，需要与 electron-builder 中的配置保持一致，否则会导致构建或者运行时失败 "package": "node -r @babel/register ./.erb/scripts/clean.js dist release && yarn build && electron-builder electron-builder 配置以下代码并不完整，仅显示 Mac 双架构打包的关键配置。 ": "npm run prebuild && electron-builder build --mac --universal", ...},...在 Mac 设备上，执行 npm run build
5.1K30编辑于 2022-09-23 - 来自专栏csdn
vue项目生成桌面应用
1.全局安装依赖 cnpm install electron -g cnpm install electron-builder -g cnpm install electron-packager -g v16.14.2 C:\Users\lixiewen\Desktop\tmp\dist>electron -v v21.3.1 C:\Users\lixiewen\Desktop\tmp\dist>electron-builder version": "1.0.4", "main": "main.js", "description": "项目描述", "scripts": { "pack": "electron-builder --dir", "dist": "electron-builder", "postinstall": "electron-builder install-app-deps ", "electron-packager": "^12.1.0", "electron-updater": "^4.4.0" } } 6.在dist目录下运行electron-builder
39510编辑于 2024-04-10 - 来自专栏码客
Electron安装32位版本及打包32位版本
", "dist": "webpack --mode development && electron-builder --win --ia32", "dist_dir": "webpack --mode development && electron-builder --dir --win --ia32" }, } 其他环境 electron-builder - -win --x64 electron-builder --win --ia32 electron-builder --win --armv7l 其中： ia32， 即–arch=ia32， 32位操作系统
6.6K10编辑于 2022-01-17 - 来自专栏薛定喵君
electron-tabs 打包方法
# 改造方法 本地克隆仓库：git clone git@github.com:brrd/electron-tabs.git 依赖安装 打包工具我们选取 electron-builder。 修改 package.json，在 devDependencies 加入如下依赖之后执行 npm i： "electron-builder": "^22.10.5", "electron-builder-squirrel-windows scripts 中增加打包命令: "build:win64": "electron-builder --win --x64", "build:mac": "electron-builder --mac aid=342595925&bvid=BV1d94y127dE&cid=747737269&page=1 # 参考资料 electron-tabs 应用部署 electron-builder
1.3K20编辑于 2022-08-30 - 来自专栏友儿
electron 打包项目
打包项目 Electron的打包工具有很多，例如 electron-builder、electron-packager 或 electron-forge。 electron-builder：是一个功能强大的打包工具，支持跨平台打包，并提供多种目标平台和格式的选项，如 Windows、Mac、Linux、NSIS、AppImage 等。 zip ├── ... └── out/my-electron-app-darwin-x64/my-electron-app.app/Contents/MacOS/my-electron-app 使用 electron-builder # 安装打包程序 npm i electron-builder -D 配置 package.json 中的打包配置信息，增加如下内容： "build": { "appId": "com.xxxx.app }, "win": { "target": [ "nsis", "zip" ] } } 执行打包 sudo npx electron-builder
88410编辑于 2024-03-27 - 来自专栏IMWeb前端团队
Electron 打包优化 - 从 393MB 到 161MB
实际上 electron-builder 保留 node_modules 是有原因的。 electron-builder 打包时也是在打包某个平台的版本时重新安装相对应平台的依赖包。 而 electron-builder 也提供了另外一种方式帮助我们更好的管理依赖：也就是双 package.json 项目结构。 双 packajson.json 文件进行依赖管理 electron-builder 对双 package.json 的解释：Two package.json Structure - electron-builder electron-userland/electron-packager Two package.json Structure - electron-builder
18.3K30发布于 2019-12-03 - 来自专栏薛定喵君
electron打包时所需的几个资源下载
electron-build获取所需资源: nsis winCodeSign nsis-resources 下载好压缩包之后放至cache缓存目录解压即可 macOS: ~/Library/Caches/electron-builder Linux: ~/.cache/electron-builder windows: %LOCALAPPDATA%\electron-builder\cache 目录结构 . ├── nsis │
1.7K20发布于 2020-07-14 - 来自专栏薛定喵君
tailLog打包功能升级
# 打包功能升级方法 修改依赖的electron版本： "electron": "^9.0.0" 打包器选用 electron-builder "electron-builder": "^24.4.0" "build:mac": "npm run build && electron-builder --mac --dir=outMac", "build:win64": "npm run build && electron-builder --win --x64", 打包。
30820编辑于 2023-07-26 - 来自专栏liulun
公司只提供签名服务，不提供证书文件，如何打包Electron应用
公司往往会开发一个服务， 软件开发好后，开发者把软件上传到这个服务上，由这个服务给软件签名，签完名后，开发者再下载签名后的文件，再分发给用户 方案 如果公司提供的签名服务是标准的CI签名服务，那么开发者只要为electron-builder 设置CSC_LINK和CSC_KEY_PASSWORD环境变量即可 但往往公司提供的就是一个简单的http上传下载服务， 这就需要通过自定义electron-builder的签名回调来完成相应的工作了 下面是这个配置项在整个electron-builder配置项中的位置（此文签名只与windows环境有关）： let options = { config: { win: { sign: async (config) => { } }, }, } builder.build(options); 在electron-builder 次（每个exe文件产生时，会执行两次sign函数） 如果你有其他的可执行程序要打包到你的应用中， 相应的sign函数也会被调用（同样也是每个exe文件，会执行两次sign函数） sign函数被调用时，electron-builder
2.7K30编辑于 2021-12-16 - 来自专栏IMWeb前端团队
你不知道的 Electron (二)：了解 Electron 打包
使用 electron-builder 打包 安装依赖： yarn add electron-builder --dev // 或 npm i electron-builder --save-dev 打包 run dist 指定平台和架构 # windows 64bit electron-builder --win --x64 # windows and mac 32bit electron-builder 打包分析 electron-builder 打包时输出的信息 打包的时候我们可以看到 控制台输出了如下信息： • electron-builder version=20.15.1 • loaded "packages/electron-builder/src/cli/cli.ts" 从源码中我们不难定位到 packages/electron-builder/src/cli/cli.ts 这个文件就是命令的入口文件 总结 上面简单的对 electron-builder 的打包过程进行了分析。
4K20发布于 2019-12-03 - 来自专栏腾讯IMWeb前端团队
你不知道的 Electron (二)：了解 Electron 打包
这篇文章主要介绍如何打包 Electron 应用，以及分析 electron-builder 是如何对我们的应用进行打包的。 使用 electron-builder 打包 安装依赖： yarn add electron-builder --dev// 或npm i electron-builder --save-dev 打包： 打包分析 electron-builder 打包时输出的信息 打包的时候我们可以看到 控制台输出了如下信息： • electron-builder version=20.15.1 • loaded "packages/electron-builder/src/cli/cli.ts" 从源码中我们不难定位到 packages/electron-builder/src/cli/cli.ts 这个文件就是命令的入口文件 总结 上面简单的对 electron-builder 的打包过程进行了分析。
5.8K20编辑于 2022-06-29 如何用uniapp打包桌面客户端exe包，vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代
现在我们执行npm run build 已经生效，但是报错> my-electron-app@1.0.0 build> electron-builder'electron-builder' 不是内部或外部命令 此时，是因为我们还没有安装electron-builder，下一步4. 安装 Electron BuilderElectron Builder 是一个用于构建和发布 Electron 应用程序的工具。 通过 npm 安装它：npm install electron-builder --save-dev完成，5. 打包客户端完成，再次执行，又报错。 • electron-builder version=25.1.8 os=10.0.19045 • loaded configuration file=package.json ("build" /issues/3984#issuecomment-504968246根据报错 这个错误表明 electron-builder 无法从你的项目中找到 electron 模块。
1.5K10编辑于 2025-01-01- 来自专栏面试和职场
Electron 应用自动更新方案：electron-updater 完整指南
概述electron-updater 是 Electron 社区广泛采用的自动更新解决方案，通常与 electron-builder 配合使用。 核心特性：提供完整的更新流程 API（autoUpdater），包括检查更新、下载更新、提示安装等功能支持多种发布方式：GitHub Releases、通用静态服务器、自建更新服务等与 electron-builder 正逐步被 NSIS 等其他方案替代）macOS：dmg、zip、mas（上架 Mac App Store 需要特殊处理）Linux：AppImage、deb 等格式（支持程度取决于目标格式）推荐组合：使用 electron-builder 打包应用并发布到更新服务器：# 构建应用并自动发布electron-builder build --publish always构建完成后，将生成的文件（包括 latest.yml 等元数据文件和可执行文件 当执行命令：electron-builder build -p always1、自动生成版本元数据文件：latest.yml → 通用版本描述latest-mac.yml → macOS 专用.blockmap
96011编辑于 2025-11-03 - 来自专栏小黑在哪里
Electron实用技巧-electron-builder中用户协议(license)的使用及多语言支持
# 1 通常pc软件的安装过程中，会加入用户协议，如： 下面介绍一下使用electron-builder打包应用，如何加入license。 image-20210122100244716 /build是electron-builder默认资源目录，也可以修改，比如我这里是public目录： directories: { buildResources
3.2K40发布于 2021-02-04 【vue、Electron】搭建一个Electron vue项目过程、将前端页面打包成exe 桌面应用
安装和配置 electron-builder 安装electron-builder来处理打包和发布： vue add electron-builder 4. DEVTOOLS } from 'electron-devtools-installer' 执行npm run electron:build打包慢 如果遇到执行打包命令反应很慢，如下 具体代码是： electron-builder cannot unpack electron zip file, will be re-downloaded error=zip: not a valid zip file 解决方法如下： 参考文章：electron-builder electron-builder 也支持热重载功能，可以方便地进行调试。
73910编辑于 2025-12-15- 来自专栏liulun
线上Electron应用具备哪些特征？
应用程序安装目录 如果你在使用 electron-builder 打包你的应用时设置了不允许用户修改应用程序安装目录，那么你的应用程序会安装在用户的如下目录中： 64 位应用程序的安装目录：C:\Program （通过electron-builder配置的其他的额外资源） 应用程序缓存目录 用户第一次启动 Electron 应用后，Electron 会在如下目录创建相应的缓存文件，该目录的文件结构及功能说明如下 npm 包的特征 electron-builder 也包含一些二进制资源，这些二进制资源主要为生成安装包和应用程序签名服务。 :\Users\yourUserName\AppData\Local\electron-builder\Cache\winCodeSign electron-builder 下载并缓存 Electron 最后介绍的 electron npm 包和 electron-builder npm 包的特征主要是为了方便我们分析开发环境下的问题。
1.8K50编辑于 2022-11-16 - 来自专栏小黑在哪里
使用electron+vue开发一个跨平台todolist（便签）桌面应用
以下是项目README： # 3 xhznl-todo-list :sparkles:一个使用 electron + vue + electron-builder 开发的跨平台 todolist（便签） 桌面应用 相关技术 electron 9.x[1] vue 2.x[2] vue-cli-plugin-electron-builder[3] electron-builder[4] lowdb[5] 3] vue-cli-plugin-electron-builder: https://github.com/nklayman/vue-cli-plugin-electron-builder [4] electron-builder : https://github.com/electron-userland/electron-builder [5] lowdb: https://github.com/typicode/lowdb
2.2K10发布于 2020-11-25
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号