关于vue2.0无法升级到3.0的解决办法

对于比如像我一样的新手而言,对刚刚开始学习新的东西非常的感兴趣,但是通常在开始时会遇到非常非常多的问题,就比如我遇到的一个问题,困扰了我许久,vue2.0升级3.0后使用vue -V查看版本依然是2.0的版本,这就很难受,我找了许多的办法,但是都没有真正解决到问题,那接下我就分享一下自己的解决办法。

第一步:卸载vue-cli

首先,我们需要把以前安装的vue2.0的版本卸载掉,可以使用npm unistall vue-cli -g命令卸载。然后在自己想要安装的目录下创建node_global、node_cache两个文件夹

在这里插入图片描述
#第二步:配置环境变量

创建好文件夹以后我们就可以去配置环境变量了,先进去到环境变量界面。

在这里插入图片描述

进入到环境变量里面后,去系统变量里找看看有没有一个叫 NODE_PATH 名的系统变量,如果有,直接修改为刚刚我们创建的文件夹路径,这里我们需要使用绝对路径,修改的内容为: 绝对目标目录\node_global\node_modules,我这里创建文件夹的路径在D盘的node目录下,所以我的路径为

在这里插入图片描述

如果在系统环境变量里没有找到 NODE_PATH 名的系统变量,那我们就需要自己去创建一个了,里面的变量名与变量值和上图一样,当然,路径是需要你自己的路径,不要用我的路径,不然可能会出错哦。

在配置好 NODE_PATH 系统变量以后,我们还需要再去修改一下 Path 的系统变量,在Path系统变量里添加一条值: 绝对目标目录\node_global

在这里插入图片描述

第三步:修改全局默认安装路径

接下来打开cmd命令符,推荐使用管理员身份打开,然后输入:npm config set prefix"绝对目标目录\node_global" 然后回车。
在这里插入图片描述

还没有完哈,还有第二步呢,输入上面的命令后还需要再输入一个命令:npm config set cache"绝对目标目录\node_cache"
在这里插入图片描述

这里做完以后我们就可以进行最后一步了。

第四步:安装vue3.0

接下来我们就可以进行最后一步了:安装!!!。在cmd命令符上继续输入:npm install -g @vue/cli 命令,这个便是vue3.0的安装命令,与2.0的安装命令有些不同,输入后回车就可以开始等待安装完成了在这里插入图片描述

好了,安装成功后这里显示我已经安装好4.5.13版本,那接下来我们去输入vue -V看一下版本,在这里插入图片描述

安装成功,说明我们已经成功安装到了vue3.0。好了,接下来我们可以去写代码了,加油,程序猿们,那今天的分享就到这里了,以后遇到什么问题我也会分享出来,再见啦!!!

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值