如何升级Vue的版本 vue2.9.6升级到vue3.0

最新推荐文章于 2024-05-15 16:13:43 发布
最新推荐文章于 2024-05-15 16:13:43 发布
阅读量3.2w 收藏 67
点赞数 27
分类专栏： 前端 文章标签： vue npm nodejs js ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48736958/article/details/111405591
版权

如何升级Vue的版本 vue2.9.6升级到vue3.0

卸载原来的版本

由于目前的vue3.0支持通过UI界面创建vue项目，所以对于学vue前端的人来说是相当大的诱惑。界面效果如下图所示
在这里插入图片描述

那么如何更换你的vue版本呢？
首先需要卸载你之前的vue2.9.6
打开cmd窗口输入如下命令

npm uninstall vue-cli -g

然后运行命令vue-V会发现不是可执行的命令，就说明已经卸载成功了

安装新版本

首先你要确保你的Node.js的版本高于最低要求的版本
Vue CLI 3需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+，你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本）。
运行命令
这里的命令直接用cnpm，不要用npm，这个我亲自试验过，npm装的话装不上去。

cnpm install -g @vue/cli

然后运行命令vue-V查看vue的版本
如果显示版本就说明成功了，我这里装过之后直接到最高版本了
在这里插入图片描述

通过GUI界面创建项目

cmd输入命令

vue ui

在这里插入图片描述
在这里插入图片描述

渣渣林
关注
  • 27
    点赞
  • 踩
  • 67
    收藏
    觉得还不错? 一键收藏
  • 16
    评论
专栏目录
怎么更新也是2.9.6的办法，用sudo cnpm i -g @vue/cli命令
weixin_40945354的博客
02-07 326
ivyone@ivyonedeMacBook-Pro ~ % cnpm i -g @vue/cli Downloading @vue/cli to /usr/local/lib/node_modules/@vue/cli_tmp Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue/cli_tmp' npminstall version: 3.28.0 npminstall args: /usr/local/bin
xy-vux-app:vux，vue-cli 2.9.6
03-25
【xy-vux-app】是一个基于Vue.js框架的应用程序，它利用了Vux UI库和vue-cli版本2.9.6来构建。Vux是一个针对移动Web应用的Vue组件库，提供了丰富的UI元素和交互设计，使得开发者能够快速构建出美观且响应式的移动...
如何升级vue版本？从vue2升级到vue3解决方法
weixin_74266825的博客
11-30 9501
提供vue2升级到vue3的解决方案，提供简单的vue3创建工程的示例
vue2项目升级到vue3总结
最新发布
Yr123456_的博客
05-15 1344
为了更快更准确的将vue2项目升级至vue3，因此在本次的升级中代码结构保持不变，后续新写的页面再可以采用组合式API的写法。（1）全局搜索 slot-scope="scope" 直接全局替换 成 #default="scope"9、分页组件中的current-page.sync，修改为 v-model:current-page。elsub-menu 改成 el-sub-menu，包括样式里classname中的。5、el-dialog、el-drawer修改。三、修改配置文件及vue全局api。
【自用摘录】如何升级Vue的版本 vue2.9.6升级到vue3.0
Lin_javascript的博客
11-21 148
如何升级Vue的版本 vue2.9.6升级到vue3.0-CSDN博客
vue2.9.x升级3.0.x
红目香薰
06-25 343
就是一篇存储文章。
vue版本号始终是2.9.6，升级到最新版本
weixin_42805961的博客
08-30 2671
cli脚手架安装
vue-cli 2.9.6版本升级到3.0版本
qq_16704959的博客
11-13 946
1、vue-cli3.0升级失败，vue-cli卸载不掉，卸载了好几遍一直卸载不掉，气的扣脚， 扣着扣着就冷静了，查查文档，尝试了好多方法之后找到了问题； 原因是：可能和我电脑加固态我把node移动的原因，node的配置也有关； 遇到问题1：npm uninstall vue-cli -g 卸载没用，重新安装之后仍然是2.9.6的版本； 遇到问题2（个人情况）：npm install -g @vue/cli 后，并没有在C:\Users\Administrator\AppData\Roaming\.
音乐网站-基于SpringBoot和vue 2.9.6的前后端分离项目
09-26
音乐网站-基于SpringBoot和vue 2.9.6的前后端分离项目 系统开发平台：JDK1.8+Maven3.6.1 开发语言：JavaEE+vue2.X 后台框架：Springboot2.X 前端：Vue 2.9.6 开发的平台：IDEA 2020、navicat
vuejstree是一个用于Vue20的树形插件
08-10
Vue2.0作为其主要版本，引入了许多优化和改进，例如虚拟DOM、组件化、性能提升等，进一步提升了开发效率。 **Vue.js Tree组件介绍** 在前端开发中，树形结构是一种常见的数据展示方式，用于展示层次结构的数据，如...
vue脚手架与项目安装.doc
12-17
使用Vue CLI初始化一个新的Vue项目，例如创建名为“vue-test”的项目，首先切换到你的工作目录，然后运行： ``` vue init webpack vue-test ``` 按照提示回答问题，大部分情况下可以选择默认设置（即输入`y`或`...
详解Vue.js 2.0 如何使用axios
12-12
随着版本的迭代，官方推荐的 AJAX 库从 vue-resource 更换为了 axios。axios 是一个基于 Promise 的 HTTP 客户端，支持在浏览器和 Node.js 环境中运行。它的出现解决了 vue-resource 更新停滞的问题，提供了更强大的...
vue更新版本
mm_hello11的博客
10-23 1365
cnpm install -g @vue/cli
更新vue版本
huangruifeng的博客
10-04 2046
npm install -g @vue/cli
vue从2.96更新到3.0
0chen
05-14 325
vue3.0之后版本把 vue-cli 换成了 @vue/cli 先卸载，再安装 npm uninstall -g vue-cli cnpm install -g @vue/cli
vue2.9.6无法升级到vue3或更高
xiao_kelai的博客
03-15 189
看看里面的node 地址是不是你现在node的地址。那是因为以前的时候，留下了，这些文件可以删掉试试。然后把正确的地址放上去，再重新下载vue。尝试过卸载node npm 但都没有用。如果是idea或者以前的地址，删掉它。除了上面个文件夹，所有文件删除掉；输入 where vue。
如何升级Vue
weixin_44130975的博客
04-16 2283
然后使用Vue -V 或 vue --version进行查看按装的最新版本如果按装没有成功需要检查nodejs和NPM的版本,通过 node -v 和npm -v检查。
vue3简介——升级Vue的版本 vue2.9.6升级到vue3.0——创建Vue3.0工程-——vue3_devtool开发者工具的下载安装
阿牛哥的博客
07-11 2765
vue3简介——升级Vue的版本 vue2.9.6升级到vue3.0——创建Vue3.0工程-——vue3_devtool开发者工具的下载安装
升级 Vue 版本及踩坑记录
qwe122343的博客
02-22 1110
cnpm install -g @vue/cli ↑ 只需在命令行中执行上述语句即可快速更新 Vue 版本，目前是 @vue/cli 4.5.11 注意是 cnpm，如果是 npm 可能报错，输入 vue -V 提示 ‘vue’ 不是内部或外部命令，也不是可运行的程序或批处理文件。 如果之前没有安装过 Vue，可以参考如下博客 Vue CLI 脚手架安装教程 ...
vue-cli版本升级
08-12
引用<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [如何升级Vue的版本 vue2.9.6升级到vue3.0](https://blog.csdn.net/sinat_38297809/article/details/123375578)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [vue cli项目升级--vue cli3升级到vue cli4](https://blog.csdn.net/feiying0canglang/article/details/125457281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值