解决vue-cli输入命令vue ui没效果的问题
更新时间：2020年11月17日 09:26:01 作者：木人子韦一日尘
这篇文章主要介绍了解决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没效果的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Vue3中数据响应式原理与高效数据操作的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2025-02-02
这篇文章主要介绍了element-ui中dialog弹窗关闭按钮失效的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
vue提供了mixin、extends配置项,最近使用中发现很好用,下面这篇文章主要给大家介绍了关于Vue中Mixin&extends的详细使用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了详解element-ui日期时间选择器的日期格式化问题，本文用到了DateTimePicker来选择日期时间，但是在将数据传回后台的过程中遇到了一些令人头疼的问题，有兴趣的一起来了解一下2019-04-04
这篇文章主要介绍了Vue中import from@符号指的是意思,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
VSCode Vue开发推荐插件和VSCode快捷键(小结)
这篇文章主要介绍了VSCode Vue开发推荐插件和VSCode快捷键(小结)，文中通过图文表格介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
这篇文章主要介绍了Vue加载json文件的方法,结合实例形式分析了vue.js针对json文件的加载及数据读取等相关操作技巧,需要的朋友可以参考下2019-01-01
Vue修改iview组件的样式的两种方案(element同)
使用vue必然会用到等iview组件库,但是iview的组件的样式跟自己写的div的样式修改不太一样,所以本文给大家介绍了Vue修改iview组件的样式的两种方案(element同),需要的朋友可以参考下2024-04-04
这篇文章主要介绍了vue + ele 实现下拉选择框和下拉多选选择框处理方案,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了vue组件中使用props传递数据的实例详解,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-04-04
最新评论