（1）项目中安装vconcole插件

　　npm install vconcole

（2）在vue项目中main.js中引入插件

import Vconsole from 'vconsole';

const vConsole = new Vconsole();

export default vConsole;
(3)上传发布页面，手机端会默认开启vconcole模式进行调试。
 

												


											
前端h5开发调试神奇vconsole的更多相关文章
	

    
								
  1. 手机前端开发调试利器 – vConsole
		
    我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log: (2) 上线后,某用户表示页面失灵,但我们自己 ...
    
		
    2. 
						
  2. 手机前端开发调试利器-vConsole
		
    最近因为做抽奖页面,在android上可以使用手机连上电脑后用chrome浏览器chrome://inspect进行页面探测,但是ios中的页面就不能这样探测 在网上搜索后发现此插件,大大解决了问题  ...
    
		
    3. 
						
  3. 前端h5开发发布ios
		
    1.首先要有一个html5+的软件HBuilder 2.整体完成然后就点发布,主要注意页面入口就是你的网页的入口 3.下载一个appuploader软件,无需mac本就可以方便的申请证书和描述(因为发 ...
    
		
    4. 
						
  4. 前端H5开发工具 Adobe Edge
		
    http://www.cnblogs.com/adobeedge/ http://my.oschina.net/duolus/blog/212801?fromerr=WAcqscJl
    
		
    5. 
						
  5. 前端教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-资源汇总
		
    内容精简 资源这么多,多看看多学习再总结肯定是好的.多读读就算看重了不算浪费时间,毕竟一千个读者就有一千个林黛玉,还有温故而知新,说不定多读一些内容,就发现惊喜了呢.不过,在此也精简一些内容,就1~2 ...
    
		
    6. 
						
  6. Safari 前端开发调试 iOS 完美解决方案
		
    转http://www.2cto.com/kf/201403/283404.html afari 前端开发调试 iOS 完美解决方案 2014-03-05      0个评论    来源:Safari ...
    
		
    7. 
						
  7. 关于web开发前端h5框架的选择
		
    关于web开发前端h5框架的选择 看了很多移动版框架都是基于app混合式开发的,不是单独h5网站的基于h5开发的web框架从组件丰富度,兼容性,相关教程来说bootstrap还是最好的react和vu ...
    
		
    8. 
						
  8. 移动H5开发入门教程：12点webAPP前端开发经验
		
    如果你是一名移动H5前端开发人员,25学堂的小编认为下面的分享的12点webAPP前端开发经验是你必须掌握的基础知识点.算是一篇移动H5开发入门教程吧! 1. viewport:也就是可视区域.对于桌 ...
    
		
    9. 
						
  9. 配置移动前端开发调试环境（nodejs+npm+weiner的安装和配置使用)
		
    这段时间发现做移动端的开发调试是一大难题,网上逛了逛发现有一些工具可用,如chrome的远程调试,实际测试过程中我始终调试不成功,听说被墙后是不行的,所以最终找了如下的方法. 因为基于nodeJS环境 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【Codeforces 484A】Bits
			
    [链接] 我是链接,点我呀:) [题意] 让你求出l~r当中二进制表示1的个数最多的数x [题解] 最多有64位 我们可以从l开始一直增大到r 怎么增大? 找到l的二进制表示当中0所在的位置 假设i这 ...
    
			
    2. 
						
  2. Maven学习总结（31）——Maven坐标详解
			
    Maven的一个核心的作用就是管理项目的依赖,引入我们所需的各种jar包等.为了能自动化的解析任何一个Java构件,Maven必须将这些Jar包或者其他资源进行唯一标识,这是管理项目的依赖的基础,也就 ...
    
			
    3. 
						
  3. Leetcode 93.复制IP地址
			
    复制IP地址 给定一个只包含数字的字符串,复原它并返回所有可能的 IP 地址格式. 示例: 输入: "25525511135" 输出: ["255.255.11.135& ...
    
			
    4. 
						
  4. rest frame work纪念版代码
			
    models.py from django.db import models from pygments.lexers import get_all_lexers from pygments.styl ...
    
			
    5. 
						
  5. Eclipse创建Maven多模块工程
			
    一.创建父项目 [New]->[Maven Project] 在弹出界面中选择[Create a simple project...] 二.创建子项目 选中刚建的父项目,在弹出菜单中点击[New ...
    
			
    6. 
						
  6. Nginx 重写规则指南1
			
    作者:运维生存时间 - 默北 链接:www.ttlsa.com/nginx/nginx-rewriting-rules-guide/ 当运维遇到要重写情况时,往往是要程序员把重写规则写好后,发给你,你 ...
    
			
    7. 
						
  7. 苹果iPhone连接wifi就进去www.apple.com主页  下边显示 <HTML><HEAD><TITLE>Success</TITLE></HEAD><BODY>Success</BODY>
			
    苹果iPhone连接wifi就进去www.apple.com主页  下边显示 <HTML><HEAD><TITLE>Success</TITLE>< ...
    
			
    8. 
						
  8. 常用样式制作思路    自定义按钮~自适应布局~常见bug       seajs简记      初学者必知的HTML规范     不容忽略的——CSS规范
			
    常用样式制作思路   学习常用样式总结参考来自这里 带点文字链接列表利用:before实现 1 <!DOCTYPE html> 2 <html lang="en" ...
    
			
    9. 
						
  9. windowActionModeOverlay
			
    windowActionModeOverlay: android:windowActionModeOverlay=“true|false”  : actionmode 弹出时覆盖部分布局      若 ...
    
			
    10. 
						
  10. Android 完全退出应用程序
			
    随着业务逻辑越来越复杂,退出应用程序也不像之前那个直接将Activity finish()掉就可以了,在网上看到很多完全退出App的文章,但是实践之后发现,并不像文章中描述的那样,不是方法过时了,就是 ...
    
			
    11.