vue-cli3.0升级失败,vue-cli卸载不掉,万能解决办法

趟过的坑我就不抱怨了,脑仁疼,直接上干货。

正常情况下,我们安装的 node 在 C:\Program Files\nodejs目录下,
npm 在C:\Program Files\nodejs\node_modules\npm\bin下,
通过 npm 的全局命令安装的模块在C:\Users\Administrator\AppData\Roaming\npm下,我们使用 npm uninstall vue-cli -g 命令卸载 vue-cli 模块的时候,也是在这个目录去找,去卸载。
提一下:npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

所以,我们会看到在npm 的全局命令安装的位置下有模块文件包

问题就在于:
安装的一些其他的包,比如:nvm(node 版本管理器,node version manager),就会改变 npm 全局安装模块的路径,或者在解决其他问题的时候,我们手动更改了npm 全局安装模块的路径,或者当时把vue-cli不知道安装在了哪里,分析完毕,下一步。

万能解决办法:
1、npm uninstall -g @vue/cli 卸载刚才安装的cli3
2、npm获取全局安装的默认目录 npm config get prefix //获取 npm 的全局命令安装目录
3、先将npm下的所有文件剪切到别的地方,存起来,只是留个后路,其实可以直接删除,此时vue -V,应该会显示“‘vue’ 不是内部或外部命令,也不是可运行的程序”
4、where node 找到node的安装路径,打开此文件夹下的C:\Program Files\nodejs\node_modules(我的是这个),将C:\Program Files\nodejs\node_modules(我的是这个)添加到用户环境变量
5、npm config set prefix “C:\Program Files\nodejs\node_modules(我的是这个)” //设置npm全局包目录
6、npm install -g @vue/cli //安装新版本
7、vue -V,如果还显示“‘vue’ 不是内部或外部命令,也不是可运行的程序”,npm install -g vue 重新安装vue,关掉cmd,重新打开cmd,vue -V,就可以了。

把这个解决办法明白之后,就游刃有余了。

相关命令:
npm uninstall vue-cli -g //卸载vue-cli旧版本
npm install -g @vue/cli //安装新版本
vue -V或者是vue --version查询的是vue-cli的版本,也就是vue脚手架的版本
npm list vue 查看vue的版本

npm config list //查看基本配置
npm config set prefix “D:\nodejs\node_global” //设置全局包目录
npm config set cache “D:\nodejs\node_cache” //设置缓存目录

【若恢复默认值,找到“.npmrc”(大多在“C:\Users\Administrator”这个位置),打开它,把以下代码段删除
提一下:.npmrc文件的作用,就是配置npm源,
cache=C:\Program Files\nodejs\node_cache
prefix=C:\Program Files\nodejs\node_global】

npm获取全局安装的默认目录 npm config get prefix
npm设置全局安装的默认目录 npm config set prefix “directory”

你可能感兴趣的:(vue)