第十四讲 Electron应用打包发布(小猿Markdown编辑器)

置顶 已于 2023-06-30 12:00:04 修改
阅读量769 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 跨平台桌面开发从入门到精通 文章标签： electron javascript html5 Electron打包 Electron发布
于 2021-09-09 20:30:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fwj380891124/article/details/120172161
本文详述了如何使用electron-forge为小猿Markdown编辑器进行打包，包括准备、配置更新及解决项目名不能为中文的问题。通过运行electron-forge make完成打包，最终提供gitee和github的代码下载链接。

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

第十四讲 Electron应用打包发布[小猿Markdown编辑器]

前言

前面我们完成了小猿编辑器的美化工作并完成了编辑器的核心功能，本讲我们将带领大家完成该项目的最后一个环节，项目打包工作。

准备工作

本文我们主要介绍通过electron-forge 对现有的项目进行打包操作，前面我们在介绍怎么创建electron 程序的时候已经介绍了该工具，它主要是一个创建electron应用程序的脚手架，能为我们提供快速创建应用，打包应用的功能。

Note: Electron Forge requires Node 12.13.0 (LTS) or above, plus git installed.

开始打包

cd my-app
npm install --save-dev @electron-forge/cli
npm exec --package
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Electron开发-第6篇：打包与发布
无
05-21 125
本文介绍了Electron应用开发中的打包与发布流程，重点讨论了两款常用的打包工具：electron-builder和electron-packager。electron-builder功能丰富，支持多平台打包和自动更新，适合大型项目；而electron-packager简单轻量，适合小型项目快速打包。文章详细讲解了如何使用electron-builder配置打包选项，并生成Windows、macOS和Linux平台的安装包。此外，还提供了解决打包过程中常见问题的方法，如依赖、图标和权限问题。最后，文章介绍
第25课：优化应用程序性能，好钢用在刀刃上
yubo112002的专栏
09-22 245
本节课，我们来讨论一下影响应用程序性能的不同方面，并针对性地提出优化应用程序性能的常用手段。 我们将从以下几个方面分别进行讨论： 优化网络性能 优化文件访问性能 优化内存使用性能 优化 CPU 使用性能 25.1 概述 性能优化是大多数软件产品都会经历的一个非常重要的阶段。随着硬件计算能力的提升，以及越来越注重产品迭代速度的今天，性能优化经常会被安排在项目的后期，作为产品正式上线之前的一项重要...
Electron发布过程
张人杰的博客
04-22 672
electron发布必须先把XXXX.app打包成pkg，再用altool上传 1.打包成pkg productbuild --component Up\ Task.app/ /Applications --sign "3rd Party Mac Developer Installer: Renjie Zhang (EJT5MK52J7)" --product Up\ Task.app/Con...
electron打包发布
zhhao1的博客
04-28 620
项目设置 首先直接使用github账号登陆，同步想要的项目，然后进入项目setting栏 必须设置的是环境变量，否则无法clone项目到travis 构建设置 作为云构建，只需要在项目中提供**.travis.yml**文件供travis配置 ...
vue+electron 打包发布
myang147258的博客
07-14 2780
Electron是什么？Electron 是 GitHub 开发的一个开源框架，是网页应用 (web apps) 的一个原生包装层，它允许使用 Node.js（作为后端）和 Chromium（作为前端）完成桌面 GUI 应用程序的开发。Electron 可以用于构建具有 HTML、CSS、JavaScript 的跨平台桌面应用程序，它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点，应用程序可以打包到 Mac、Windows 和 Linux 系统上。
Electron程序开发之程序打包发布指南
m0_37587919的博客
11-29 543
参考文档 Electron打包文档 Electron-packager打包过程 Electron打包 开发环境介绍 主机操作系统：Ubuntu16.04 LTS 64-bit Or Windows7 Python版本：Python 2.7.12 node版本：v8.9.3 npm版本：v5.5.1 cnpm版本：v6.0.0 Electron版本：v2.0.7 electron-packager版本：v12.1.0 asar版本：v0.14.3 开发工具介绍 开发工具 Vs code最新版 插件
Electron 打包与发布指南：让你的应用运行在 Windows、macOS、Linux
最新发布
2501_91537388的博客
05-08 2622
步骤内容准备安装 Electron + electron-builder配置添加build字段打包生成可执行文件发布上传 GitHub / 服务器 / 应用商店更新使用自动更新安全平台签名，确保可信任和合规性。
Electron应用创建和打包
qq_30386941的博客
10-01 3476
electron-build相比electron-package功能更丰富些，electron-build打包的项目可以同时打包.zip绿色版和.exe安装版，同时还会能配置是否asar打包，打包结果中海油一个未做任何压缩的版本用于查看打包结果是否正确，electron-build通过配置可以在打包时移动文件目录位置，配置跨平台配置打包等等，当然跨平台配置不是electron-build能够交叉打包，而是在对应的平台进行构建打包。当然也可以手动在任何地方创建目录，cmd中。
Electron使用指南——18项目打包部署
qianfeng_dashuju的博客
09-04 680
1、基本概念 本节我们将介绍打包和分发我们的项目，内容包括代码签名和添加发布自动应用程序更新的功能。 为此，我们将使用electron builder模块。electron Builder 已成为打包 electron 几乎所有我们需要的所有功能，包括一个非常简单的使用electron更新。 我们应该听说将应用程序更新推送到官方的服务器。这里Mac应用程序商店需要一个专用的应用程序更新服务器。在配置和维护时，这通常增加了复杂性。 所以在使用electron Builder时，我...
Node.js-electron-builder一个完整的解决方案来打包和构建一个准备好分发的Electron应用
08-10
一个完整的解决方案来打包和构建一个准备好分发的Electron应用程序，开箱即用“自动更新”支持
electron打包例子
09-17
electron打包例子, 配合我博客中的教程使用---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
安装包UI美化之路-通过nsNiuniuSkin来做Electron程序的打包、发布与升级
TragicGuy的专栏
02-24 4302
在翻看了electron-builder和electron-updater源码后，再结合反解Electron应用程序的安装包脚本，我们了解了其运作的机制，实现了一套与Electron打包无缝对接的方案，完全支持自动化，兼容electron程序的升级。希望有了我们的方案，大家能够在一天内完成安装包的制作以及升级功能的对接。
Electron打包桌面应用程序
秃头小桂子
05-07 2502
Electron打包桌面应用程序 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 项目地址： 一、初始化项目 1、npm init指令初始化项目配置： entry point选项的值应为main.js author和description也必须填写，但是可以填写任意值 package.json { "name": "electron-app", "version": "1.0.0", "description": "a electron
electron 开发与发布
dragoonnet的专栏
11-30 543
一、node版本匹配 https://www.electronjs.org/ 首页会有这样一段： 也就是node至少需要12.18.3才可以使用。目前官网推荐node 14.15.1。 二、开发环境安装 新建文件夹 testapp cd testapp 创建index.js var electron = require('electron'); var app = electron.app; var BrowserWindow = electron.BrowserWindow; var.
action-electron-builder：自动化构建和发布Electron应用
gitblog_00438的博客
03-27 248
action-electron-builder：自动化构建和发布Electron应用 项目介绍 action-electron-builder 是一个基于 GitHub Action 的自动化构建和发布 Electron 应用的工具。它通过利用 GitHub 的 CI/CD 功能，可以自动地构建你的 Electron 应用并将其发布到 GitHub Releases 等平台。这个项目的出现，使得开...
基于GitHub的Electron自动发布与更新
weixin_42684490的博客
02-26 1586
以上就是本文的所有内容，介绍了Electron中自动发布与更新的一些方法。
第10章：Electron应用打包与分发
一名全栈开发工程师
07-06 1012
本章将介绍如何使用Electron的打包工具将应用打包成可执行文件，并介绍常见的分发策略和工具。Electron Forge是一个现代的Electron应用构建工具，提供了打包和发布的完整解决方案。Electron Builder是另一个流行的Electron应用打包工具，支持多种平台和格式的打包。你可以将打包后的安装程序上传到你的官方网站，用户可以通过访问网站来下载和安装应用。中的配置将应用打包成可执行文件，并生成适用于不同平台的安装程序。你可以在这个文件中配置打包和分发的选项。
electron打包流程
heipichengxu的博客
01-15 1001
1.打包流程第0步：预发布模式，测试一下功能是否正常 在根目录下第一步：移动前端资源文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星火燎猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值