安装vue-cli3.0版本指南

安装vue-cli3.0版本操作指南

日常使用vue-cli3.0以下版本，随着前端不断更新vue-cli3.0以上版本，那么安装新版本会遇到很多问题，并不是所有人都会一番风顺，应粉丝要求，出3.0以上版本操作指南

请先看下鄙人的vue-cli3.0以下版本操作详情，百试不错的详情操作，实践中尝试了很多次错误，才总结出来的真经方法：
安装vue错误详情解决办法:https://blog.csdn.net/Josiah_Yuan/article/details/103605963

那么vue-cli3.0以上版本如下安装：

最常规的方法：

• 卸载3.0以下的版本，安装3.0以上版本
• 卸载：$ npm uninstall vue-cli -g / $ yarn global remove vue-cli
• 安装：$ npm install @vue/cli -g / $ yarn global add @vue/cli

结束后进行测试：$ vue --version / $ vue -V / $ vue -v
如果出现版本号，预示成功了，祝贺你！！！

但是：
很多人因为电脑设置不一样，或者版本冲突等问题，会出现一系列卸载不了，无法安装的苦恼。。。头痛呀！！
那么，接下来，我总结这个解决的方式:
往往使用了无数遍npm uninsall vue-cli -g都无法卸载vue 2.x

其实主要是环境变量的问题

• 在默认情况下，node和vue并没有配置环境变量，所以默认npm安装路径在：C:\Users\Myn\AppData\Roaming\npm\node_modules文件夹下，而node.js我们一般安装在D盘，这样就会有路径冲突
• 需要通过修改环境变量的方式来实现路径的一致。

1.添加node.js的安装路径

dos下查询node的安装路径：

将node的安装路径添加到path环境变量

添加新的系统变量NODE_PATH,此处value为：node文件夹下的node_modules文件夹路径

2.重新设置npm默认安装路径：

命令：

• npm config set prefix "D:\nodejs" //这里的路径必须是上面path对应！

• npm config set cache "D:\nodejs\node_cache" //—这里是我自定义的缓存路径，无关紧要

3.重新卸载vue-cli2

• 卸载：$ npm uninstall vue-cli -g / $ yarn global remove vue-cli