Electron-builder打包安装包——编译篇

已于 2024-03-05 11:52:04 修改
阅读量2.8k 收藏 11
点赞数 5
分类专栏： Windows 文章标签： electron javascript 前端 builder
于 2024-03-05 10:59:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010274449/article/details/136471490
版权

突然有一天想打包个桌面程序，没有打包过，经过九牛二虎之力终于打包出来，在此感谢那些热于分享的前辈！

本篇只讲打包运行和出现的问题

一、准备工作：提前下载相关资源包，否则在国内环境下可能因为网络问题报错

在这里插入图片描述
在这里插入图片描述

报错原因：

electron在打包过程中需要访问github的镜像依赖，在大多数情况下由于网络问题都会报错，尤其是在离线环境下，还有报401,404错误等

1.electron安装包，electron-builder相关安装包：winCodeSign、nsis
2.electron下载网页：传送门
3.nsis下载网页：传送门

二、资源包放置位置

electron放

最低0.47元/天 解锁文章
（最新版）electron-builder打包所需的github文件
11-06
（最新版）electron-builder打包所需的github文件
electron + vue 项目运行打包配置文档
01-08
vue-cli 初始化vue项目构建 vue init webpack project-name electron 配置源码： 1. git clone https://github.com/electron/electron-quick-start** 2. 找到clone下来的项目入口文件main.js 和 package.json 修改路径配置** main.js : 3. 在已建好vue-cli项目中，安装electron依赖：** npm install electron --save-dev npm install electron-packager --save-de
electron-builder打包配置
最新发布
记录工作
03-21 203
修改vue.config.js文件。
Electron-builder打包不同系统版本安装包
weixin_38468473的博客
08-22 1728
如果应用程序匹配不上系统很可能会造成打不开的情况，所以下面将会介绍一下如何使用r打包成系统的安装包。打包成不同位数的安装包的方式是通过定义文件中的的参数值去实现。(通过build参数对打包相关进行配置)
全网最全教你在网络不好时离线完成electron的创建运行和打包
Newz0722的博客
07-01 3988
还是那句话，你用淘宝镜像就可以基本解决npm下载的问题，但是除了这种方法，后者说你在内网开发的时候怎么离线解决electron刁钻的依赖包下载。这个经验是博主花了半天时间验证成功的。 1.内网创建vue add electron-builder 在淘宝库下载需要的electron版本https://npm.taobao.org/mirrors/electron 在npm i的时候，遇到install .js什么什么的等待处ctrl c强制结束(这样才会形成electron文件夹) 在项目node_moudl
vue配置electron，使用electron-builder进行打包【完整步骤】
热门推荐
CMDN123456的博客
08-05 1万+
vue配置electron，使用electron-builder进行打包【完整步骤】
electron-builder 打包配置
一切都不太晚
05-21 7955
NSIS（Nullsoft Scriptable Install System）是一个开源的 Windows 系统下安装程序制作程序。它提供了安装、卸载、系统设置、文件解压缩等功能。NSIS 通过它的脚本语言来描述安装程序的行为和逻辑的。NSIS 的脚本语言和通常的编程语言有类似的结构和语法，但它是为安装程序这类应用所设计的。
Electron-builder 打包
woyaoshengzhang的博客
08-08 696
第一次打包会出错，可以以管理员身份运行 Windows PowerShell ，然后执行打包命令，即可成功，后续可以直接在命令行打包。项目比较简单，仅使用了 Electron + 原生js。
electron 利用electron-builder打包
qq_44862552的博客
03-16 2500
在上面的例子中，我们添加了一个名为 dist 的 script，它的值是 electron-builder。这将使用 electron-builder 打包我们的应用程序。执行 npm run dist 命令时，它会自动读取 package.json 文件中的 build 配置，并根据其进行打包。
Electron开发笔记—electron-builder打包流程
程序员有点田blog
12-20 585
electron-builder有一些依赖包如 【winCodeSign】、【nsis】；3.第三步：在%LOCALAPPDATA%（C:\Users\Administrator\AppData\Local）目录下新建electron-builder\cache\。2.第二步：选择Source code (zip)下载并解压，里面已经包含nsis。electron-builder --dir（依赖winCodeSign）electron-builder （依赖winCodeSign和nsis）
【vue + electron】使用electron-builder 打包成桌面程序
weixin_72915158的博客
08-06 2676
1、上篇文章是根据官网的教程make创建的桌面程序描述：本章是使用electron-builder把web端的项目打包生成桌面程序，并可安装程序。首先电脑上需要有node以及git，如果没有请先根据官网下载。并且需要一个github的账号，方便后期使用。有了这些之后，那么接着跟着往下走吧。
Node.js-electron-builder一个完整的解决方案来打包和构建一个准备好分发的Electron应用
08-10
一个完整的解决方案来打包和构建一个准备好分发的Electron应用程序，开箱即用“自动更新”支持
通过electronbuilder将Electron案例制作成Windows程序以及安装包
08-11
通过electron-builder 将 Electron案例 制作成 Windows程序 以及 安装包
Electron 使用electron-packager、electron-builder打包demo
08-03
该文件是使用Electron开发的demo，使用electron-packager、electron-builder打包的例子
electron-builder 打包setup安装程序所需包
12-27
使用 electron-builder 打包 setup 安装程序时，需要准备一系列特定的文件和配置，以便创建出适合不同操作系统的安装包。 在打包过程中，以下几个文件和配置尤为关键： 1. package.json：这是项目的配置文件，包含...
Electron 使⽤ electron-builder 打包应用
咸鱼滚滚
10-02 890
electron有几种打包方式，我使用的是electron-builder。虽然下载依赖的时候让我暴躁，使用起来也很繁琐，但是它能进行很多自定义，打包完成后的体积也要小一些。
深入浅出分析Electron打包插件electron-builder配置
baidu_30907803的博客
04-15 2141
```json { "name": "Umeet", // 产品名称 "version": "3.2.0", // 产品版本 "private": true, // 是否私有 "main": "./src/main.js", // 程序入口文件 "author": { // 发布者信息 win-属性可见,mac在关于Umeet中可见 "name": "SYSTEC" }, "desc.
Electron-builder打包和自动更新
王谷雨的博客
08-14 3401
文本主要讲述如何为 electron 打包出来软件配置安装引导和结合 github 的 release 配置自动更新
Electron 使用Electron-build 进行打包
CMDN123456的博客
08-05 718
npm config set registry https://registry.npmmirror.com //安装依赖包。npm config get registry //查看安装的依赖。打开 npmrc 文件。
electron-builder：一站式打包Electron应用
electron-builder支持对这些依赖项进行编译，确保它们在打包过程中被正确处理。 6. 排除开发依赖项 electron-builder默认情况下不会包含开发依赖项。开发依赖项（devDependencies）通常只在开发过程中使用，比如...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值