electron打包vue项目

最新推荐文章于 2024-05-15 10:44:57 发布
最新推荐文章于 2024-05-15 10:44:57 发布
阅读量400 收藏 1
点赞数
分类专栏： 计算机 文章标签： postgresql 数据库 database
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuhss_com/article/details/123304499
版权
本文详细介绍了如何使用electron-builder将Vue项目打包成exe应用程序，包括添加electron-builder、解决下载失败问题、运行和打包窗体以及解决运行时可能出现的白屏问题。在打包过程中，特别提到了修改vue-router的history模式来避免白屏现象。
摘要由CSDN通过智能技术生成

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版本，直接选择最新版：
image

electron下载失败

vue add electron-builder下载electron会下载失败，使用淘宝镜像下载:cnpm i electron
image

窗体运行

1、下载完成后尝试运行electron窗体：npm run ele

最低0.47元/天 解锁文章
xuhss_com
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue+Electron打包桌面应用(从零到一完整教程)
weixin_68658847的博客
07-15 1557
Vue+Electron打包桌面应用(从零到一完整教程)
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
vue项目使用electron进行打包操作
qq_34170840的博客
05-13 7522
一、设置国内镜像 npm config edit 执行后会弹出npm的配置文档，将以下类容复制到文件末尾。 electron_mirror=https://npm.taobao.org/mirrors/electron/ electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/ 二、创建vue框架文件 这里不详细说了，就是创建一个vue项目，如果已有项目则跳过这一步。
用electron将vue项目打包成.exe文件【保姆级教程】
heavenz19的博客
03-15 3210
说明： vue2项目，使用的vue-element-admin框架，用electron打包成.exe文件。
Electron打包发布vue项目
haohan0307的博客
08-06 5868
electron发打包布vue项目，electron自动更新
electron打包Vue前端
IT_Carter的博客
04-08 1634
electron-forge打包vue成exe
electron打包若依VUE
06-29
electron打包若依VUE
Vue项目使用electron打包成.exe文件
08-22
在本文中，我们将深入探讨如何使用 Electron 将 Vue 项目打包成 .exe 文件，以便满足甲方的需求。Vue 项目与 Electron 结合可以创建桌面应用程序，而 Electron 是一个开源框架，允许开发者使用 JavaScript、HTML 和 ...
electron-vue项目示例
07-04
** Electron-Vue 项目概述** `Electron-Vue` 是一个基于 `Electron` 和 `Vue.js` 的桌面应用开发框架。它结合了 `Electron` 的桌面应用程序能力与 `Vue.js` 的前端开发便利性，让开发者可以利用 Vue 的生态系统来...
Electron + vue 打包桌面操作流程详解
10-16
将Electron的`main.js`文件复制到Vue项目的`build`目录，并重命名为`electron.js`。同时，修改Vue配置文件`config/index.js`中的`assetsPublicPath`，将`/`更改为`./`，以确保资源路径的正确解析。 4. **修改`...
vue项目使用electron打包成桌面应用
shaoyahu的博客
04-15 960
很想使用 electron 制作一个桌面应用，但是真的上手使用的时候才发现 electron 的坑实在是太多了先将遇到的坑记录在这里，遇到一个记录一个使用 9 以上版本的 vue-i18n 的项目打包成应用时会失败，本地运行没问题项目路径中有中文会打包失败和 electron 相关的插件版本更替实在是是太快，并且版本之间还不一定能兼容，所以这篇文章中使用到的插件都会写死版本来保证一定可以打包成功。
electron 如何打包vue项目
最新发布
qwer8wqer的博客
05-15 454
vue项目打包桌面应用程序
一步步使用electron把vue打包成客户端
weixin_47190975的博客
09-21 3787
一步步使用electron把vue打包成客户端
vue项目使用electron进行打包（webpack vite）
Noctis99的博客
08-22 686
vue
用Electron将Vue项目打包成桌面版软件
admin_rdc
07-04 898
用Electron将前端项目打包成mac的app和windows的exe文件
vue+electron 打包发布
myang147258的博客
07-14 2339
Electron是什么？Electron 是 GitHub 开发的一个开源框架，是网页应用 (web apps) 的一个原生包装层，它允许使用 Node.js（作为后端）和 Chromium（作为前端）完成桌面 GUI 应用程序的开发。Electron 可以用于构建具有 HTML、CSS、JavaScript 的跨平台桌面应用程序，它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点，应用程序可以打包到 Mac、Windows 和 Linux 系统上。
Electron-vue 成功打包全流程
mm_0123456789的博客
02-09 4908
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项目打包成exe
06-28
以下是将 electron-vue 项目打包成 exe 的基本步骤： 1. 安装 electron-builder 在 electron-vue 项目的根目录下执行以下命令： ``` npm install electron-builder --save-dev ``` 2. 配置打包参数 在项目根...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值