electron学习笔记(三) 应用打包

本文是关于如何使用 electron-packager 工具进行 Electron 应用打包的教程。首先介绍了安装 electron-packager 的前提条件,接着详细说明了通过命令行方式和配置文件方式来打包应用的步骤。最后,列举了一些 electron-packager 的常用命令参数。

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

安装 electron-packager

如果只是测试,则可使用快速运行命令,但是如果要分享你的 app ,则需要对 app 进行打包,隐藏代码并简化运行方式,可以使用 electron-packager 来方便的对 app 打包

安装前首先要确保 node.js 的版本高于 6.0 版本,使用 node -v 命令查看 node.js 的版本号
有了 npm + node.js(6.0+ 版本) + electron 后,开始安装 electron-package
使用 npm 命令安装:

npm install electron-packager -g

打包应用

打包应用有 2 种方式
第一种是直接使用命令+输入必要的信息,第二种是先配置好打包信息再直接使用命令

1.命令方式

在 app 目录下使用 electron-packager 命令:

E:\file\file\electron\helloworld>electron-packager . helloworld win32 x64 --electron-version=5.0.4

你需要在命令参数中指定项目位置(.),项目名称(helloworld),发布平台(win32),架构(x64),以及 electron 的版本号(–electron-version=5.0.4)

2.配置方式

直接将命令和参数保存在 package.json 文件中的 “scripts” 字段中即可

"scripts": {
    "start": "electron .",
    "packager": "electron-packager . helloworld win32 x64 --electron-version=5.0.4"
},

再执行 npm run-script 命令:

E:\file\file\electron\helloworld>npm run-script packager

run-script 后面跟你 json 文件里命令保存的字段名(我的是 packager)

命令执行后会在 app 目录下生成一个包含可执行文件(.exe)的文件夹,直接运行 .exe 文件即可测试 app 效果

第一个 app 程序就此诞生了!

elecron-packager 命令参数

elecron-packager 是用来打包 electron 应用很方便的工具,使用 elecron-packager 命令即可完成打包,格式为

elecron-packager --参数名1 参数值1 --参数名2 参数值2

常用的命令参数列举如下:

参数名解释参数值
 app 所在位置如 . 或 ./app
appname可执行文件的名字如 helloworld
platform发布平台win32, linux, mac 等
arch架构,不填则默认为你电脑的架构x64, ia32 等
electron-versionelectron 的版本,必填
win32metadata.FileDescription软件描述
out打包后的程序包所在位置如 ./build
icon运行程序的图标如 ./app.ico
asar是否生成 asar 文件以达到隐藏代码的目的直接写 --asar 或不写,无参数值

更多参数参见官方 api 文档 https://electron.org.cn/packager/api.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值