vue-cli 3.0

安装 vue-cli 3.0 时报错

vue-cli3安装遇到的问题，卸载不掉旧版本，导致更新不了

vue-cli 2.9.6 版本卸载不了

作者：Runner_leaf
链接：https://www.jianshu.com/p/ba7c078837f3
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

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

原文在:https://juejin.im/entry/5bf7e88851882521c811423e

升级个vue-cli3.0，真的差点气死我了！一直卸载不掉!

我差一点就重装电脑了！百度，google翻了个底操天也没找到解决办法！最后放弃百度自己重头开始研究自己到底哪一步出错了！

所以我把自己遇到的问题，以及如何解决的告诉大家，避免想我一样的人再步入我的后路！

升级途中遇到的问题:

#### 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安装在F:\node\中

1.打开环境变量>在用户变量中找到path,这里的的路径必须和你电脑 npm 的全局安装路径对应，

原来我的之前路径写错了，所以就默认帮我装在C:\Users\Administrator\AppData\Roaming\npm中！ 现在我决定指定这个路径在F:\node\node_global中（这里的node_global文件夹是我自己新建的）

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

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

$npm config set prefix "F:\node\node_global" //这里的路径必须是上面path对应！

$npm config set cache "F:\node\node_cache"  //---这里是我自定义的缓存路径，无关紧要

　

4.大功告成了:

重新卸载旧版本，安装新版本启动吧！哈哈！

注意：

1.之前 node 的安装我是参考了 https://www.cnblogs.com/zhouyu2017/p/6485265.html 这位大神的教程

2.C:\Users\Administrator\AppData\Roaming\npm，，一般安装时，没修改 node 安装路径，默认的 npm 全局安装路径就在这里