将vue项目使用electron-egg打包成桌面程序

最新推荐文章于 2024-08-06 07:30:37 发布
最新推荐文章于 2024-08-06 07:30:37 发布
阅读量2.6k 收藏 9
点赞数 3
文章标签： vue.js elementui electron javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43822237/article/details/124271850
版权
本文档介绍如何使用electron-egg框架将vue项目打包成.exe桌面程序，替代不再维护的electron-vue。详细步骤包括vue项目的build，下载并配置electron-egg，设置国内镜像源，将vue的dist文件复制到electron-egg的public目录，以及执行不同平台的打包命令。通过这篇指南，开发者可以避免electron-vue的不兼容问题，减少打包过程中的困扰。
摘要由CSDN通过智能技术生成

使用electron-egg打包成桌面程序.exe格式的，electron-egg打包框架一直在进行维护，electron-vue现在不建议使用了，因为已经不维护了，使用这个打包会出现很多毛病，本人就是受害者呀，使用electron-vue打包后iframe、embed、webview都不兼容还有其他一些就不一一举例说明；

第一步：先将vue项目执行指令打包成dist 文件夹

npm run build

第二步：新建一个文件夹使用git指令下载electron-egg框架

# gitee
git clone https://gitee.com/wallace5303/electron-egg.git

# github
git clone https://github.com/wallace5303/electron-egg.git

第三步：先将下载路径都改变成淘宝镜像，不然会非常缓慢

# 推荐node版本 14.16.0

# 设置国内镜像源(加速)
npm config set registry=https://registry.npmmirror.com
npm config set disturl=https://registry.npmmirror.com/-/binary/node
#如果下载electron慢，配置
npm config set electron_mirror=https://registry.npmmirror.com/-/binary/electron/
# 或者挂个VPN

# 进入目录 ./electro

最低0.47元/天 解锁文章
燃烧的冰山..
关注
vue+electron将项目打包为exe程序---成功跨过所有坑，完美打包
蜗牛~~
07-15 8027
突然接到公司需求，说客户想让我们把项目直接打包为C/S模式的类型，其实我是不太清楚这是个什么操作，最后经过调查与理解，总结出： exe文件是C/S桌面应用程序， web项目是B/S结构，服务器/客户端程序，它们是两个不同的东西 因此我就开始了将vue项目打包为exe程序的艰难之路~~~~~ 第一步：安装electron 这条路太坎坷了，安装electron的时候出现了各种问题，当我从官网准备将electron用git克隆的时候，出现连接超时，也出现该问题的宝宝可以参考这条：https://blog.
electron-egg 打包exe程序
qq_32660241的博客
04-24 1292
1. 生成exe、dmg、deb可执行文件 准备：在对应操作系统下打包，比如：在windows下构建 xxx.exe，在MacOS下，构建 xxx.dmg 第零步：预发布模式，测试一下功能是否正常 npm run start 第一步：移动前端资源文件 # 操作如下 1：构建资源，如vue前端项目中npm run build 2：根目录：npm run rd 第二步：（可选）安全性 # 代码压缩与混淆 npm run compress # 代码还原 ...
成功启动electron-egg项目，electron+vue的傻瓜式搭建
热门推荐
三巧的博客
12-23 1万+
electron-egg项目的初步使用
electron-egg：强大的桌面开发框架
brizer的博客
08-06 1138
electron-egg是一款跨平台的桌面开发框架，旨在简化桌面应用的开发过程。它允许开发者使用熟悉的前端技术，如JavaScript、Vue、React等，来构建跨平台的桌面应用。electron-egg是一款强大的桌面开发框架，通过提供多样化的功能模块和工程化的开发模式，帮助开发者轻松构建跨平台的桌面应用。无论你是前端还是后端开发者，都可以快速上手并享受开发的乐趣。如果你正在寻找一个全面的桌面开发解决方案，electron-egg绝对值得一试。欢迎关注我的公众号“前端新视野brizer。
前端知识笔记（二十四）———快速创建桌面端(electron-egg)
lrx276的博客
12-04 1953
electron-egg是一个基于Electron和Egg.js的框架，可以用于快速构建跨平台的桌面应用程序。2.简单易用：electron-egg提供了一些简单易用的API，窗口管理、菜单管理、文件操作等功能。1.兼容平台：electron-egg可以在Windows、MacOS和Linux等多个平台上运行。3.可定制化：electron-egg提供了丰富的插件和扩展机制，方便进行高度定制化。electron-egg: 一个入门简单、跨平台、企业级桌面软件开发框架。介绍 | electron-egg。
electron-egg 如何把任意网站打包成桌面软件
qq_38847914的博客
04-07 1036
以前，开发一个桌面软件要花费大量的人力和时间。现在随着Electron的出现，大大简化了开发门槛。今天，给大家介绍一个工具，让你5分钟之内就把一个网站变成一个可安装的桌面软件。所需工具electron-egg是一个简单、快速、功能丰富的跨平台桌面软件开发框架。
electron-egg:一个快速的、易于使用的桌面软件开发框架
04-28
electron-egg 一个简单、快速、功能丰富的跨平台桌面软件开发框架。 查看： :trophy: 码云最有价值开源项目 特性 直接打包成windows版、Mac版、Linux版或者以web网站运行。 可以用服务端的开发思维，来编写桌面软件。 也可以用前端来开发，数据服务请求外部api即可。 服务端的技术场景几乎都可以使用，如：路由、中间件、控制器、服务、定时任务、队列、插件等。 桌面软件常见功能，后续逐步集成并完善或提供demo。 软件自动更新。 默认UI 使用vue编写，经典三栏样式，可自定义 开始使用 下载 # gitee git clone https://gitee.com/wallace5303/electron-egg.git # github git clone https://github.com/wallace5303/electron-egg.git 安装 # 提升安装速度，使
electron-egg使用
qq_45371023的博客
11-07 6242
本研究文档主要对使用electron-egg框架将vue项目打包为C/S包的过程、所遇问题及对应解决方案进行说明。
electron-egg: 一个入门简单、跨平台、企业级桌面软件开发框架
skywalk8163的专栏
03-28 1047
electron-egg: 一个入门简单、跨平台、企业级桌面软件开发框架。
vue项目打包成electron桌面端exe应用（0-1保姆级教程）
qq_52132550的博客
07-15 1899
vue项目打包成桌面端exe应用（0-1保姆级教程）
简化部署流程，提升开发效率：介绍 Electron Egg 打包优化
算命de博客
02-19 1548
在开发桌面应用程序时，优化打包流程是至关重要的，可以帮助开发人员节省时间和精力，提高生产力。本文将介绍如何使用 Electron Egg 框架进行打包优化，使得打包过程更加高效顺畅。通过以上步骤，我们可以优化 Electron Egg 的打包流程，使得整个部署过程更加顺畅高效。借助这些优化，开发人员可以更专注于应用程序的开发和功能实现，提高开发效率，加快产品上线速度。Electron Egg 框架为我们提供了一套完整的开发工具和打包流程，让桌面应用程序的开发变得更加简单、便捷。
electron-egg-master.zip
11-17
6. **打包发布**：使用 `Electron Builder` 或 `Electron Packager` 将应用打包为适用于各平台的安装程序。 综上所述，`Electron Egg` 为开发者提供了一个高效、简洁的桌面应用程序开发解决方案。它结合了 `...
electron将vue项目打包成exe桌面应用流程及可能出现的问题
Z.Dragon 的博客
11-13 2425
近期项目需求，把网页（基于vue）打包成exe桌面应用，在网上找到了electron； 这里说说我对electron-builder的使用心得 electron打包exe程序主要有两种方法： 1、electron-packager：初学者入门demo传送门 2、electron-builder：稍微复杂一丢丢，需要配置文件 ####### 先将vue项目打包 npm run build 得到dis...
electron-builder打包linux桌面程序（OIM-E多平台即时通讯软件）
qq_37666892的博客
01-16 9410
1、OIM-E 开源主页 主页链接 2、打包Linux 开始踩了几个坑，我图简单就非想要在windows打包linux包。结果就是不行，梯子啥的都挂了，结果无效。报如下错误： ⨯ Get https://service.electron.build/find-build-agent?no-cache=1g05q9a: dial tcp 51.15.76.176:443: connectex: A connection attempt failed because the connected party di
electron-egg打包mac版时遇到的问题和解决
weixin_55088768的博客
06-15 1259
出现报错，按照提示将"postinstall": “electron-builder install-app-deps” 放到。2、将vue文件夹中的dist文件夹放到electron-egg项目下的public中。刚开始使用electron-egg开发程序，在打包时经历了各种报错后，终于打包成功。1、先进入vue项目frontend，执行指令打包成dist 文件夹。，继续执行发现还会报错，然后按照错误提示执行下载任务。然后在out文件夹中可以看到打包后的安装包。
electron-egg配置
qq_32660241的博客
04-22 2527
electron-egg配置
electron-egg: 新一代桌面应用开发框架
qq_32660241的博客
06-20 4129
EE框架已经应用于医疗、学校、政务、股票交易、ERP、娱乐、视频、企业等领域客户端。
ElectronEgg v3.7.0 正式发布，桌面端的uni-app
qq_32660241的博客
09-14 777
桌面软件（办公方向、 个人工具），仍然是未来十几年 PC 端需求之一，提高工作效率electron 技术是流行趋势，QQ、百度翻译、阿里网盘、迅雷、有道云笔记 ......只需懂 JavaScript
vue3项目使用electron-builder打包一片空白
最新发布
09-07
Vue3项目使用`electron-builder`打包通常是为了将Web应用转换为桌面应用程序，以便能够在Windows、Mac和Linux等操作系统上离线运行。以下是基本步骤： 1. **安装依赖**： 首先，在你的Vue3项目中安装`@vue/cli-D @vue/cli-plugin-electron-builder electron ``` 2. **配置`vue.config.js`**： 在`vue.config.js`文件中添加或更新`build`部分，以启用Electron构建： ```js // vue.config.js const { defineConfig } = require('@vue/cli/config'); module.exports = defineConfig({ pluginOptions: { electronBuilder: { chainWebpack(config) { config.resolve.symlinks(true); }, // 更多配置项，如asar处理、icon设置等... }, }, }); ``` 3. **启动构建**： 运行以下命令开始构建： ``` vue build --mode production && electron-builder --production ``` `--mode production`确保生产环境优化。 4. **生成输出目录**： 完成构建后，将在dist/electron目录下找到打包后的应用程序。 5. **测试和部署**： 可以通过双击`dist`目录下的`MyApp.exe`或`.app`等文件来测试应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值