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

30,483 阅读1分钟

升级个vue-cli3.0,真的差点气死我了!一直卸载不掉!
我差一点就重装电脑了!百度,google翻了个底操天也没找到解决办法!最后放弃百度自己重头开始研究自己到底哪一步出错了!
所以我把自己遇到的问题,以及如何解决的告诉大家,避免想我一样的人再步入我的后路!

升级途中遇到的问题:

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

重复上面操作很多次都一样!心态爆炸了!难受!

解决:

原因: 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文件夹是我自己新建的)

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 全局安装路径就在这里