打包electron项目成exe

最新推荐文章于 2025-04-13 15:52:50 发布

我就是DaLing呀！

最新推荐文章于 2025-04-13 15:52:50 发布

阅读量303

点赞数

文章标签： electron 前端 js

本文链接：https://blog.youkuaiyun.com/weixin_42418774/article/details/108486668

版权

本文介绍如何使用electron-builder和electron-package工具快速打包Electron应用程序为exe文件。通过git克隆官方测试用例electron-quick-start，然后运行npm install和electron-builder命令，即可轻松完成打包过程。

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

安装打包神器

git clone https://github.com/electron/electron-quick-start

这是一个官方的测试用例，git下来测试一下

cnpm install -g electron-builder
 
cnpm install -g electron-package

cd到electron-quick-start文件夹，执行如下最简单的命令，即可开始打包。

electron-builder
就能打包好exe文件

效果图：

接下来就可以去自己安装一个新的项目重头来试一下，可以查看一下我的上一个博客：

https://blog.youkuaiyun.com/weixin_42418774/article/details/108482230

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我就是DaLing呀！

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

electron打包exe

weixin_44094034的博客

12-26

959

/ { role: 'services', submenu: [] }, // 如果不是 macOS 可以移除这个子菜单。if (BrowserWindow.getAllWindows().length === 0) { // 如果没有打开任何窗口。{ label: '导入', click: importFile } // 新增的导入菜单。== 'darwin') { // 如果不是 macOS。label: '视图',

通过Electron打包前端项目为exe

爱蹦跶的全栈大A阿

03-08

2612

从electron官网上拉取代码，把官网上拉取下来项目中的index.html替换成自己vue项目打包好的dist文件中的index.html，输入打包exe的命令即可

参与评论您还未登录，请先登录后发表或查看评论

electron打包生成exe程序

12-03

3344

一、步骤 1、package.json中添加配置如下： "scripts": { "package":"electron-packager . demoName --platform=win32 --arch=x64 --icon=favicon.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules" }, 其中， demoName-生成的应用程序.exe的名称

如何使用electron将Vue项目打包为本地exe文件

最新发布

振华OPPO的博客世界

04-13

1552

Electron是一个开源框架，可借助JavaScript、HTML和CSS构建跨平台桌面应用。它结合Chromium和Node.js，开发者能复用Web技术。众多知名应用如VS Code、Slack都用它开发，具备高效、灵活的特点。是一个为Electron应用量身打造的打包工具。它能把Electron应用打包成可在不同操作系统（如Windows、Mac、Linux）上直接安装运行的格式。支持自动更新、签名等功能，操作简单且功能强大，能大幅提升应用发布效率。依赖版本electron28.1.0。

electron打包exe文件

qq_39554744的博客

01-16

1620

electron文档：https://www.electronjs.org/docs/latest/tutorial/tutorial-first-app。npx命令可能执行失败，提示no such file…此时需要升级node到最新版本。node之前的版本是 14.21.3, 下载依赖失败，换成了20.11.0就好使了。打包为单独的可分发文件。

打包Electron项目

avx0070的博客

08-24

203

先确保该项目正常运行npm run dev，结束程序，上篇的项目运行已经提到了打包输出工具electron-packager 可以使用全局安装的方式：　　　　　npm install -g electron-packager 也可以使用当前项目局部安装的方式：npm install save-dev electron-packager 安装好后，执行electron-pack...

vue3项目使用Electron打包成exe的方法与打包报错解决

梦翼横空的专栏

06-20

1651

解决：打开cmd 执行 npm config edit。2.在vue项目根目录新建文件index.js。3.package.json文件编辑。将vue3项目打包成exe文件方法。打开配置文件粘贴以下内容。1.安装electron。

linux上electron打包成exe,Electron学习笔记: 项目打包成exe桌面应用

weixin_30977281的博客

05-16

969

项目创建完成，启动正常，接下来就是项目打包了。将测试Demo打包成exe桌面应用，点击exe文件，运行项目。书接上文，创建项目有三种方式 Git拷贝、直接创建、通过electron社群提供的命令行工具(CLI) electron-forge 创建项目，看起来对应的项目打包方式也应该有三种才对，但其实细看第一种方式和第三种项目创建方式是一样的，所以它们的项目打包方式也是一样的。打包 electro...

Vue项目使用electron打包成.exe文件

08-22

在本文中，我们将深入探讨如何使用 Electron 将 Vue 项目打包成 .exe 文件，以便满足甲方的需求。Vue 项目与 Electron 结合可以创建桌面应用程序，而 Electron 是一个开源框架，允许开发者使用 JavaScript、HTML 和 ...

linux上electron打包成exe,将electron打包成exe文件并生成安装版本exe

weixin_26848497的博客

05-16

1561

本教程中除了特别指明的安装包外，均是安装在本地目录，即命令行所在目录下的node_modules.使用Electron-package打包exe转：//https://blog.youkuaiyun.com/xiaozhu2hao/article/details/77557548cd到你的项目根目录下，安装electron-packagenpm install electron-packager修改packa...

vue项目打包成electron桌面端exe应用（0-1保姆级教程）

qq_52132550的博客

07-15

6287

vue项目打包成桌面端exe应用（0-1保姆级教程）

electron打包成exe和dmg

09-12

win使用electron-packager打包成exe安装文件，实现和其他pc应用一样的安装步骤如选择安装路径还有安装进度以及桌面快捷键功能，解决了出现electron默认的安装效果。Mac使用electron-builder打包成dmg文件，直接运行在Mac上

Electron 打包exe方法

hamster204的专栏

08-10

2533

本文介绍了如何使用打包工具位electron程序打包

electron打包生成exe

Half of if的博客

11-17

455

为您的项目创建一个文件夹并安装Electron： mkdir my-electron-app && cd my-electron-app npm init -y npm i --save-dev electron

Electron入门应用打包exe（windows）

weixin_30703911的博客

02-10

418

最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一门技术。对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”。首先，我们跟着Electron社区的快速入门程序（https://electronjs.org/docs/tutorial/quick-...

electron打包生成exe文件

q907811175的博客

09-29

1320

打包方式1：DOS窗口命令打包 DOS 下，输入npm install electron-packager -g全局安装我们的打包神器： cnpm install electron-packager -g 在项目文件夹下面，也就是根目录下面打开DOS执行打包命令： electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0..

【Electron将HTML项目打包成桌面应用exe文件】

⭐【World of Yeeking】⭐

09-01

1642

electron打包成exe文件

使用Electron 打包程序成EXE

qq_31876557的博客

05-23

5031

以下内容皆为网上资料转载整理：原文地址https://blog.youkuaiyun.com/Quincylk/article/details/78252475 一.使用nodejs 的npm 项目打包命令： npm run build 打包项目二、安装electron-packager PS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下p...

electron 打包成 exe

司马懿的西山居

04-26

1718

简介 Electron 基于 Chromium（开源 CEF 内核）和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用，兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。环境搭建首先安装 node.js（ node -v 查看当前版本）然后安装 npm 的淘宝镜像 npm install -g cnpm --regist...