vue3+electron项目搭建,遇到的坑

我主要是写后端,所以对前端的vue啊vue-cli只是知其然,不知其所以然

这样也导致了我在开发前端时候遇到了很多的坑

第一个坑, vue2升级vue3始终升级不成功

第二个坑, vue add electron-builder一直卡进度,进度条走完就是不出提示succes

第一个坑的解决办法:

按照网上说的升级vue

cmd 复制代码
npm install -g @vue/cli

然后查看vue版本发现还是vue2.9.6,发现升级不成功卸载vue重新安装还是vue2

后面查询到了这个博主写的博客

https://blog.csdn.net/qq_40015157/article/details/114541215

说是安装了两个vue所以一直取的是第一个vue的版本所以一直是vue2

先输入命令 where vue 查找以下所在位置,我现在有两个版本,删除 2.9.6 版本的就可以了,不要删错了。 vue -V 就可以看到@vue/cli 是5.0.8。

我删除的是第一个是安装在d盘的nodejs下的应该是我安装vue的时候没有全局安装导致的这个bug

最后也是升级成功

第二个坑的解决办法:

vue add electron-builder进度条卡住,这个应该是权限问题和网络问题导致的,网络问题我挂了一个全局模式的梯子,然后cmd使用管理员权限运行就OK了

如果我不用管理员权限运行则报错:

最后也是安装和运行成功

网上有很多先建立vue然后在加入electron框架, 然后在改其中的js

这个只有用的很熟了才可以去操作,与我而言我不喜欢这种跟着别人复制的感觉,刚入门还是先把框架搭建起来再说

运行命令:

npm 复制代码
npm run electron:serve
相关推荐
小钰能吃三碗饭几秒前
第一篇:【前端翻身计划】从菜鸟到高手,JavaScript ES6+实战秘籍揭秘!
前端·javascript·react.js
爱上大树的小猪1 分钟前
【前端进阶】可选链与空值合并:接口数据容错处理的最佳实践
前端·javascript·面试
京东云开发者2 分钟前
动态化-罗码(京东科技一码多端解决方案)介绍
前端
沐浴阳光sunshine2 分钟前
reactive创建对象类型的响应式数据
前端
华科云商xiao徐5 分钟前
Kotlin与HttpClient编写视频爬虫
前端
kovli5 分钟前
红宝书第二讲:JavaScript变量声明:`var`、`let`、`const`详解
前端·javascript
MiyueFE6 分钟前
bpmn-js 源码篇10:moddle-xml与bpmn-moddle - xml 与 js 对象之间的核心转换库
前端·javascript
袋鼠云数栈UED团队11 分钟前
基于AST实现国际化文本提取
前端·javascript·babel
LaoZhangAI16 分钟前
【2025最新】Cursor vs Trae深度对比:AI编程工具终极对决,8大核心功能实测
前端·cursor
武昌库里写JAVA17 分钟前
SpringCloud入门及创建分布式项目
vue.js·spring boot·毕业设计·课程设计·element-ui