今天这篇我们来学习和了解“vue-cli输入命令vue ui没效果什么原因，如何处理”，下文的讲解详细，步骤过程清晰，对大家进一步学习和理解“vue-cli输入命令vue ui没效果什么原因，如何处理”有一定的帮助。有这方面学习需要的朋友就继续往下看吧！

最近用vue-cli脚手架很顺口，特别是UI控制台，在这里，创建项目和搭建本地环境，连接服务端变得很容易，页面ui也是一流

要怎么启动呢？在终端输入命令行vue ui，启动UI控制台，然后往浏览器输入终端报出的链接

输入命令行vue ui，终端会报启动信息，这本来很正常。可是呢，今天不知道啥回事，输入vue ui，终端没反应

我查看了vue的帮助信息，敢情是根本没有 ‘vue ui' 这一命令行！怎么回事？vue版本怎么倒退了！

于是重新安装vue-cli最新版（版本号必须3x以上）就行了，使用好慢的镜像，npm来安装

npm i -g @vue/cli

安装完后，再查看vue的命令列表，就有ui这一命令行了

接下来，就顺理成章了

补充知识：Question：vue-cli编译运行通过，但启动app后, 界面显示空白

vue-cli编译通过，但启动后的http://localhost:8080显示空白

这里可能更多的考验的是debug的技巧。

界面无法显示是由于代码中存在隐形bug的原因。

Solution:

可以直接在http://localhost:8080的启动页面，按F12查看浏览器的console的输出，一般情况下，会提示哪段代码有error，再定位到error所在代码段(.vue、.js…)，根据错误提示进行修改即可。

这里推荐大家再vue-cli项目中的vue.config.js 中开启热启动，更方便调试。

module.exports = {
 runtimeCompiler: true
}

关于“vue-cli输入命令vue ui没效果什么原因，如何处理”就介绍到这了，如果大家觉得不错可以参考了解看看，如果想要了解更多，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 基于JS写一个点击按钮的代码是什么

  利用JavaScript写一个点击按钮，一些朋友可能会遇到这方面的问题，对此在下文小编向大家来讲解一下，内容详细，易于理解，希望大家阅读完这篇能有收获哦，有需要的朋友就往下看吧！

• 利用vue框架如何做列表循环滚动的展示

  本文实例为大家分享了vue实现列表无缝循环滚动的具体代码，供大家参考，具体内容如下

• 如何用js正则表达式的方法实现禁止input输入空格

  input输入框禁止输入空格字符的正则表达式用于防止别人随意乱提交数据，禁止输入空格字符只需要使用js正则表达式即可，无需写任何js函数，如下。 inputtype=textname=userNameonkeyup=this.value=this.value.replace(/\s+/g,) 只需要在input中加入onkeyup=th

• JavaScript命名约定有什么好处，实践是怎样的

  关于JavaScript命名约定下文有详细的介绍，小编觉得挺实用的，对大家学习或工作或许有帮助，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

• 日常开发常用React组件有哪些

  本篇文章给大家整理分享7 个很棒且实用的React 组件库，日常开发中经常会用到的，快来收藏试试吧！