Windows中运行vue ui指令无反应的解决过程

问题描述

在开始学习时，往往会遇到很多问题，运行vue ui后无反应，本文给出具体解决过程。

在cmd命令栏中输入：vue ui指令回车后，并未出现运行状态，而直接显示无反应，如下所示：

该现象应该属于版本异常，此时运行：vue -h后，发现出现的所有指令中未出现ui命令，具体如下：

解决方法

1、需要卸载vue：

执行命令：npm uninstall @vue/cli -g后，仍无反应，未正常卸载，解决如下：

此时直接执行安装命令时，会直接报错：

2、查找.npmrc，并删除：

执行：npm config ls -l命令，查找到user下的config中的.npmrc文件所在位置，并删除该文件：

3、查找已注册的vue路径，并删除：

继续执行：where vue，查找到vue和vue.cmd的位置，并将其删除：

此时系统中已无vue应用，如查看版本则直接报错：

4、安装最新版本vue：

此时直接选择安装，执行：npm i -g @vue/cli命令：


此时发现仍然运行不了vue：

5、将vue注册至环境变量中：

分别查看node、npm的版本，以及npm的安装位置：



按照上述目录，找到该目录，并查看是否存在@vue文件夹：

已存在，返回上一级目录，查看是否有vue.cmd，此时判断应为环境变量配置问题：

此时复制当前目录：C:\Users\mao\AppData\Roaming\npm，
接下来配置环境变量：
新建系统变量NPM_HOME，变量值为刚刚复制的vue.cmd所在目录点击确定 -->编辑系统环境变量Path，点击新建，输入%NPM_HOME%，点击确定。



此时应重新打开新的命令栏，原有的命令栏仍无法运行：
原有命令栏仍显示无法使用vue：

6、新环境启动测试：

新命令栏已能正常显示vue版本：

此时，再次输入：vue -h，已能看到ui命令：

此时再输入：vue ui，已能打开vue服务，默认浏览器也已打开了vue的项目管理器界面：


以上过程解决了vue ui启动的问题汇总及解决方法。
后续可以畅游vue环境了。