解决vue-cli输入命令vue ui没效果的问题


Posted in Javascript onNovember 17, 2020

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

解决vue-cli输入命令vue ui没效果的问题

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

解决vue-cli输入命令vue ui没效果的问题

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

解决vue-cli输入命令vue ui没效果的问题

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

解决vue-cli输入命令vue ui没效果的问题

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

npm i -g @vue/cli

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

解决vue-cli输入命令vue ui没效果的问题

接下来,就顺理成章了

解决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没效果的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
可实现多表单提交的javascript函数
Aug 01 Javascript
jQuery基础语法实例入门
Dec 23 Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 Javascript
js分页工具实例
Jan 28 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
Jun 07 Javascript
JS自定义混合Mixin函数示例
Nov 26 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
vue-cli3 karma单元测试的实现
Jan 18 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 19 Javascript
详解Vue数据驱动原理
Nov 17 #Javascript
vue 解决IOS10低版本白屏的问题
Nov 17 #Javascript
JavaScript枚举选择jquery插件代码实例
Nov 17 #jQuery
html中创建并调用vue组件的几种方法汇总
Nov 17 #Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 #Javascript
vue的webcamjs集成方式
Nov 16 #Javascript
SpringBoot在yml配置文件中配置druid的操作
Nov 16 #Javascript
You might like
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
PHP版网站缓存加快打开速度的方法分享
2012/06/03 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
解决出现SoapFault (looks like we got no XML document)的问题
2017/06/24 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
20款非常优秀的 jQuery 工具提示插件 推荐
2012/07/15 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
简单分析javascript面向对象与原型
2015/05/21 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
webpack HappyPack实战详解
2019/10/08 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
JavaScript实现4位随机验证码的生成
2021/01/28 Javascript
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
python实现简单tftp(基于udp协议)
2018/07/30 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
python实现抖音点赞功能
2019/04/07 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
Python中常用的高阶函数实例详解
2020/02/21 Python
基于Python中random.sample()的替代方案
2020/05/23 Python
Python中如何引入第三方模块
2020/05/27 Python
GE设备配件:GE Appliance Parts(家电零件、配件和滤水器)
2018/11/28 全球购物
泰国王权免税店官方网站:KingPower
2019/03/11 全球购物
什么是方法的重载
2013/06/24 面试题
电子商务专员岗位职责
2013/12/11 职场文书
关于保护环境的建议书
2014/05/13 职场文书
村党建工作汇报材料
2014/11/02 职场文书
中标通知书格式
2015/04/17 职场文书
html+css 实现简易导航栏功能
2021/04/07 HTML / CSS
浏览器常用基本操作之python3+selenium4自动化测试(基础篇3)
2021/05/21 Python