问题描述
在开始学习时,往往会遇到很多问题,运行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:
文章来源:https://www.toymoban.com/news/detail-841547.html
6、新环境启动测试:
新命令栏已能正常显示vue版本:
此时,再次输入:vue -h,已能看到ui命令:
此时再输入:vue ui,已能打开vue服务,默认浏览器也已打开了vue的项目管理器界面:
以上过程解决了vue ui启动的问题汇总及解决方法。
后续可以畅游vue环境了。文章来源地址https://www.toymoban.com/news/detail-841547.html
到了这里,关于Windows中运行vue ui指令无反应的解决过程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!