问题描述
遇到一种情况,就是使用vue --version 查看版本始终是2.9.6,安装命令是npm install @vue/cli ,按理说是最新版本,但是还是显示旧版,使用vue create 【项目名称】 提示是要卸载脚手架在安装,但是安装后还是2.9.6.
原因
其实导致这个原因是从vue-cli 3.0版本开始原来的npm install -g vue-cli 安装的都是旧版,最高到2.9.6,安装新版必须是新的命令npm install -g @vue/cli 这就导致了,如果我们再2.9.6版本还存在的情况下再使用npm install -g @vue/cli 命令就会同时存在两个版本,你用vue create 【项目名称】命令会先找到旧版的,就会提示你卸载旧版安装新版。
解决办法
第一步(卸载老版本,卸载新版本)
npm uninstall -g vue-cli 卸载旧版、 npm uninstall -g @vue/cli 卸载新版
第二步(卸载本地残留文件,cmd进入,输入指令where vue 查找文件位置,然后进行删除)
// cmd进入,输入指令where vue 查找文件位置,然后进行删除
C:\Windows\system32>where vue
C:\Users\岩\AppData\Roaming\npm\vue
C:\Users\岩\AppData\Roaming\npm\vue.cmd
C:\Windows\system32>
第三步(安装vue-cli)
C:\Windows\system32>npm install -g @vue/cli @vue/cli-service-global
第四步(查看版本,看是否安装成功)
C:\Windows\system32>vue --version
@vue/cli 4.5.15
C:\Windows\system32>