vue-cli3.0升级失败,vue-cli卸载不掉,vue-cli升级不了3.0

在升级Vue CLI3.0时遇到失败,发现旧版本无法卸载。问题在于npm全局安装路径不正确。解决方案包括:1)更改环境变量中npm的全局安装路径;2)调整NODE_PATH系统变量。完成这些步骤后,可以成功卸载旧版并安装Vue CLI3.0。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

升级vue-cli3.0,一直失败。

升级途中遇到的问题:

1.$npm uninstall vue-cli -g //卸载vue-cli旧版本
2.$npm install -g @vue/cli //安装新版本
3.$npm vue -V //2.9.6,我差,根本没删除掉!

解决:

原因: npm install -g @vue/cli 后,
我发现在C:\Users\Administrator\AppData\Roaming\npm\node_modules目录下多了一个@vue的文件夹。也就是说全局安装的文件都在这里!
同时,npm uninstall vue-cli -g 也是删除的这里面的文件。

处理:

以我自己的安装目录为例子,我的node安装在D:\Develo\中
1.打开环境变量>在用户变量中找到path,这里的的路径必须和你电脑 npm 的全局安装路径对应,原来我的之前路径写错了,所以就默认帮我装在C:\Users\Administrator\AppData\Roaming\npm中!

  • 现在我决定指定这个路径在D:\Develo\nodejs\node_global中(这里的node_global文件夹是我自己新建的)
  • 更改环境变量的用户变量 global path路径

2.接下来还有一点!系统变量中的NODE_PATH的路径必须和你是 npm 全局安装路径下的 node_modules,所以我这里填写的是D:\Develo\nodejs\node_global\node_modules

3.设置 npm 的默认安装路:

 $npm config set prefix "D:\Develo\nodejs\node_global" //这里的路径必须是上面path对应!
 $npm config set cache "D:\Develo\nodejs\node_cache"   //---这里是我自定义的缓存路径,无关紧要

4.大功告成了:

重新卸载旧版本,安装新版本启动
注意:1.之前 node 的安装我是参考了 www.cnblogs.com/zhouyu2017/… 这位大神的教程
2.C:\Users\Administrator\AppData\Roaming\npm,,一般安装时,没修改 node 安装路径,默认的 npm 全局安装路径就在这里

小结

npm里的工具版本问题,卸载不了可以直接去根目录手动卸载。然后重新安装就好了

// 脚手架版本问题
// vue-cli的3.0+以前
npm install vue/cli -g
// vue-cli的3.0+以后要加@
npm install @vue/cli -g
// 直接运行指令会更新至最新版
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Supernova_gu

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

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

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

打赏作者

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

抵扣说明:

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

余额充值