不联网的情况下，使用 electron-builder 快速打包全平台应用

最新推荐文章于 2025-06-28 15:17:15 发布

原创

最新推荐文章于 2025-06-28 15:17:15 发布 · 3.1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #electron

本文介绍了如何在不联网的情况下，利用 electron-builder 工具结合镜像源，快速打包生成适用于各主流平台的桌面应用。通过设置 NPM 源和 Electron 源为中国镜像，解决内网打包问题。详细讲述了配置打包脚本、处理各平台 Electron 镜像的下载和存放，以及解决开发模式启动问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

electron-builder打包.001

前言

Electron 之所以能够日益风靡，是因为其简单易用且对各个操作平台具有良好的支持。

今天我就来分享一下怎么使用一套代码，快速打包生成各主流平台安装包的经验。

项目安装

首先，使用我前面介绍的提效小技巧，设置：

NPM 源为淘宝镜像源；
Electron 源为中国镜像网站中的 Electron 源地址。

然后依次执行以下指令：

mkdir my-electron
cd my-electron
npm init -y
npm install electron@14.2.6 -D
npm install @electron/remote --save
npm install electron-builder -D

打包配置

在 my-electron 目录下的 package.json 中，添加打包配置：

{
   
   
  "name": "my-electron",
  "version": "0.1.0",
  "author": "编程三昧",
  "build": {
   
     // electron-builder配置
    "productName":"myFirstApp",//项目名 这也是生成的exe文件的前缀名
    "appId": "xxxxx", 
    "copyright":"xxxx",//版权信息
    "directories": {
   
   
        "output