解决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 相关文章推荐
js form action动态修改方法
Nov 04 Javascript
javascript 面向对象的JavaScript类
May 04 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
jQuery中(function($){})(jQuery)详解
Jul 15 Javascript
jQuery定义插件的方法
Dec 18 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
基于JavaScript实现带缩略图的轮播效果
Jan 12 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
jackson解析json字符串,首字母大写会自动转为小写的方法
Dec 22 Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 Javascript
Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能
Apr 09 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边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
PHP 年龄计算函数(精确到天)
2012/06/07 PHP
PHP 使用header函数设置HTTP头的示例解析 表头
2013/06/17 PHP
php解决约瑟夫环示例
2014/04/09 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
javascript dom代码应用 简单的相册[firefox only]
2010/06/12 Javascript
js和php如何获取当前url的内容
2013/09/22 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
2014/05/07 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
jQuery控制frames及frame页面JS的方法
2016/03/08 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
JS中的BOM应用
2018/02/02 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
2019/10/30 Javascript
vue 点击其他区域关闭自定义div操作
2020/07/17 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
Django 实现下载文件功能的示例
2018/03/06 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
python实现通过flask和前端进行数据收发
2019/08/22 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
大二学生学习个人自我评价
2014/01/19 职场文书
银行类自荐信
2014/02/04 职场文书
党员批评与自我批评
2014/02/12 职场文书
电子信息工程专业推荐信
2014/02/14 职场文书
公司捐款倡议书
2014/05/14 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
2014年食堂工作总结
2014/11/20 职场文书
2015年禁毒宣传活动总结
2015/03/25 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书
2015年七七事变78周年纪念活动方案
2015/05/06 职场文书
煤矿安全生产管理协议书
2016/03/22 职场文书