将原本的2.9.6更换到了5.0.4

C:\Users\棣棠>node -v
v16.10.0

C:\Users\棣棠>npm -v
7.24.0

C:\Users\棣棠>vue -V
@vue/cli 5.0.4

这里我采用的是卸载重装的方法：

第一步：卸载

从3.0版本开始3.0及以后的称为新版本，新版本改为了@vue/cli

这是卸载旧版本（3.0前）的命令：

npm uninstall -g vue-cli

这是卸载新版本（3.0后）的命令：

npm uninstall -g @vue/cli

这里有可能遇到第一个问题：卸载时报错npm ERR! errno -4048

解决方法是在C:\Users\{账户}\下，将.npmrc文件删除（有可能是隐藏文件在查看里显示一下就好了，如果没隐藏直接删除就行）

第二步：删除本地文件

打开cmd输入

where vue

会显示两个文件的位置（每个人可能不一样以自己的位置为准）

C:\Users\棣棠>where vue
C:\Users\棣棠\AppData\Roaming\npm\vue
C:\Users\棣棠\AppData\Roaming\npm\vue.cmd

在文件中打开并将这两个文件删除。

第三步：安装vue-cli

这里同卸载3.0及以后的使用@vue/cli

npm install -g @vue/cli

 若想安装指定版本号的脚手架在命令行后加版本号即可，例如：

npm install -g vue-cli@4.0

如果跳过第二步，这里可能就会遇到第二个问题：重装完成后使用vue -V查看版本号发现仍旧显示旧版本号。

第四步：使用vue -V查看版本号

C:\Users\棣棠>vue -V
@vue/cli 5.0.4

这里可能遇到第三个问题：vue命令无法执行，提示不是内部指令

解决方法是先检查自己有没有vue.cmd文件，如果有，将此文件的路径添加到系统变量中即可，这里不细说。

如果没有那么就是

第四个问题：没有vue.cmd文件

解决方法是首先看看自己的path变量里有没有添加npm,如果没有就去加上使用

npm config get prefix

复制得到的路径信息，去到桌面>右键计算机>属性>高级系统设置>环境变量
在系统变量中新建变量NPM，变量值为之前复制的路径信息，一般是C:\Users\xxx\AppData\Roaming\npm
再在系统变量中找到path，添加%NPM%。一直点击保存。

这里有两个方法

方法一：

①安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

②这一步如果还报错也没关系

npm i npm -g npm i @vue/cli -g

③

cnpm i @vue/cli -g

④vue -V试试，能正常出现版本号就解决了

方法二：（一没用就试试二）

①先配置路径进入到node_cache下
②安装cnpm：

npm install -g cnpm

③全局安装脚手架，报错也没事

npm i npm -g npm i @vue/cli -g

④继续执行：

cnpm i @vue/cli -g

⑤执行完毕后试试vue -v，能正常出现版本号就解决了，使用where vue就能看到vue.cmd的位置啦！

↑本人经历，仅供参考，小白一枚，若有疏漏请谅解。