vue使用electron打包成exe程序

已于 2023-04-18 16:05:32 修改
阅读量227 收藏
点赞数
分类专栏： 跨平台 文章标签： vue.js electron npm
于 2023-04-18 15:11:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzh122500/article/details/130222099
版权
本文介绍了如何从GitHub克隆Electron快速启动项目，使用npm安装依赖，然后将Vue应用打包进Electron，修改package.json的脚本，最后运行npmrunpackager以生成Windows64位的exe文件。
摘要由CSDN通过智能技术生成

直接拉取官网代码

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

npm i

如果npm i 报错 就多试几次，不一定是什么问题

把自己vue打包的项目直接粘进来

package.json中修改为

 "scripts": {

    "start": "electron .",

    "packager": "electron-packager ./ App --platform=win32 --arch=x64 --overwrite"

  } ,

npm run packager

直接生成exe

不愁发量
关注
专栏目录
若依vue集成electron实现打包exe应用程序
猿小白的博客
07-11 377
main.js、store/modules/app.js、utils/auth.js、login.vue文件，删除导入的import。修改router/index.js，把mode: history换成mode: ‘hash’如果安装失败，可以配置镜像地址后使用cnpm尝试单独安装electron相关依赖。打包成功后会在dist_electron中生成了exe文件，点击安装即可。
使用electron将vue项目打包成windows桌面应用（基于yarn）
weixin_47665155的博客
09-07 1351
使用electron将vue项目打包成windows桌面应用（基于yarn）
使用electron将vue项目打包成exe
什么都干的派森
01-09 1866
node.js 版本要在 17+建议使用 17.9.1 的 node 和 8.11.0 的 npmnode和npm的版本对应关系如下。
【vue、Electron】搭建一个Electron vue项目过程、将前端页面打包成exe 桌面应用
最新发布
amoureux555的博客
08-27 1900
【vue、Electron】搭建一个Electron vue项目过程、解决Electron vue首次启动巨慢无法加载、执行npm run electron:build打包慢、如何设置打包的logo、设置exe图标、 设置页面程序的大小、窗口大小、如何设置打开窗口的名称/标题、如何设置打包后exe的名称、将前端页面打包成exe 桌面应用
【vue】electron打包exe
Rex的博客
09-08 1369
vue项目打包成exe可执行文件 在学习的过程中，发现关于 Electron ，常见的有两种打包方法： 将自己的 vue 项目打包，放到官方的 demo 文件中，改变打包路径 在自己的 vue 的项目中引入插件，然后打包 经过一番尝试，我决定采用第一种，原因是：特！别！简！单！ 下面详细介绍下第一种方法： 打包成exe可执行文件 1、把electron的官方例子扒下来，下面简称A，留着待用： git clone https://github.com/electron/electron-quick-sta
将vue项目打包成exe文件
qq_53608274的博客
02-16 1947
将vue项目打包成exe文件
electron-vue 打包
mm_0123456789的博客
02-08 2824
electron-vue 配置文件详解 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录electron-vue 配置文件详解一、配置文件 一、配置文件 { "name": "test-demo", // 项目名称 "version": "0.0.1", // 版本号，打包后setup版本号同此 "author": "mingmei <
Vue项目使用electron打包成.exe文件
08-22
在本文中，我们将深入探讨如何使用 Electron 将 Vue 项目打包成 .exe 文件，以便满足甲方的需求。Vue 项目与 Electron 结合可以创建桌面应用程序，而 Electron 是一个开源框架，允许开发者使用 JavaScript、HTML 和 ...
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
08-28
在开发桌面应用时，`Electron`框架是...通过解决上述问题，可以成功将项目打包为可执行的`.exe`文件，实现客户端桌面程序的部署。同时，持续关注官方更新和社区资源，可以有效地解决新出现的问题，保证项目的顺利进行。
vue打包为exe程序的demo包，全都配置好了，里面有详细使用流程
05-31
该资源用于将vue项目打包为exe程序，里面有详细使用流程，只需要将你按照我的博客https://blog.csdn.net/qq_41579104/article/details/107340431里面的正式打包步骤打完dist包之后，将dist里面的内容复制进我发布的...
使用electron将vue-cli项目打包成exe的方法
10-17
在将Vue-cli项目打包成exe文件的过程中，我们可以使用Electron框架，这是一个可以使用Web技术构建本地应用程序的框架，它允许开发者使用HTML, CSS和JavaScript来开发跨平台的桌面应用程序。本教程旨在引导已有一个...
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-vue打包
qq_38876038的博客
11-25 108
cnpm install electron-packager -g cd到electron-quick-start文件夹，执行如下最简单的命令，即可开始打包。 命令行打包参数： electron-packager <location of project> <name of project> <platform> <architecture> <electron version> <optional options> 参数说明：
electron-vue 打包桌面应用程序并封装
lileiit的博客
09-19 1217
Electron打包vue项目成桌面应用程序exe,并用封装软件Enigma Virtual Box进行封装
Electron-vue 成功打包全流程
mm_0123456789的博客
02-09 5076
electron-vue打包 仅适用于windows系统 文章目录electron-vue打包前言一、打包流程1. 安装electron自带打包插件2. 修改package.json文件3. 执行打包命令二、遇到的错误及解决方案1. electron包下载错误2. WinCodeSign下载3. nsis相关下载4. 再次执行打包操作4. 本地安装总结 前言 一、打包流程 1. 安装electron自带打包插件 代码如下（示例）： npm install electron-builder 2. 修改p
electron vue项目打包过程
w_ziShan的博客
04-25 545
通过electron-vue创建的项目打包时也遇到各种问题， 这里建议暂时解决不了的可以用vue创建这种方法可以避免很多问题 1.版本 2.项目搭建 3.踩坑 4.建议：
用electron将vue项目打包成.exe文件【保姆级教程】
heavenz19的博客
03-15 3540
说明： vue2项目，使用的vue-element-admin框架，用electron打包成.exe文件。
electron打包Vue前端
IT_Carter的博客
04-08 1853
electron-forge打包vue成exe
electron打包vue项目
xuhss_com的博客
03-06 412
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 创建项目 点击这里 添加electron-builder 1、在项目目录下运行命令：vue add electron-builder 2、electron-builder添加完成后会选择electron版本，直接选择最新版： electron下载失败 vue add elec
electron vue 打包成exe
07-16
electron-vue 是一个使用 Vue.js 开发跨平台桌面应用的框架，可以使用 electron-builder 工具将其打包成 exe 文件。 以下是将 electron-vue 项目打包成 exe 的基本步骤： 1. 安装 electron-builder 在 electron-...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

不愁发量

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

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

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

打赏作者

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

抵扣说明：

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

余额充值