终端输入vue ui没反应---使用vue ui出现的四个问题

vue 创建项目方法:快速通道

问题1:

终端使用vue ui 无反应,而且工具列表没有ui操作,
既无法使用vue ui来创建项目

终端输入vue ui没反应---使用vue ui出现的四个问题_第1张图片原因:
vue版本问题,卸载原来的vue版本,然后重新安装

vue -h

查看帮助信息,没有vue ui这一命令行。

解决:
安装4.x的vue

npm i -g @vue/cli
或者
npm install -g @vue/cli
或者
cnpm i -g @vue/cli

使用cnpm没问题
终端输入vue ui没反应---使用vue ui出现的四个问题_第2张图片

安装最新版的vue-cli脚手架

之后查看vue -h
就有了ui命令
![在这里插入图片描述](https://img-blog.csdnimg.cn/d314f9b351d54918bb842f2e29c62a58.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTI2Njk3OQ==,size_16,color_FFFFFF,t_70

可以正常使用vue ui 创建项目
终端输入vue ui没反应---使用vue ui出现的四个问题_第3张图片

问题2:

同时,我还发现有的vue ui一进入就会断开连接,是因为vue与npm的版本不匹配,
我为了怕麻烦,版本对应,所以全部卸载,然后全部安装的最新版本。

npm清除缓存命令:

npm cache clean --force

npm重新安装

npm install /cnpm install 

更新到最新版本npm:

npm install -g npm

问题3:

除此外还有一个问题,就是vue ui 加载创建项目时,一直刷新,进入不到所需路径去创建项目,

解决的话,可以在打开终端后,cd到当前想要创建项目文件路径下,此时再vue ui 就不需要等待很长时间甚至还断开连接了。

问题4:

如果前面都可以顺利进行,只有在vue ui 最后一步创建项目时,报错,解决办法参考问题1。

你可能感兴趣的:(web前端,vue,vue.js,ui,前端)