移动端项目中vConsole插件的安装和使用

前端人在做移动端项目的时候,是最痛苦的,我们需要重复的发版,利用超多的console.log("123")来定位bug的位置.直到碰到了vconsole插件,这才让移动端的问题迎刃而解

1.安装vconsole

cnpm install vconsole

2.在main.js中引入vconsole插件

const VConsole = require("./utils/vconsole");

3.引入之后将项目打包发到线上,就可以在页面上看到右下角有一个绿色的vconsole按钮,点击之后,可以展示控制台log,缓存localstorage,sessionstorage

4.注意:正式发版的时候记得注释掉引入vconsole插件的代码 ! 否则正式发上去,别人一打开,诶?怎么还有个绿色的按钮? ((= . =))

移动端项目中vConsole插件的安装和使用相关推荐

eclipse中svn插件的安装
Svn(Subversion)是近年来崛起的版本管理工具,在当前的开源项目里(J2EE),几乎95%以上的项目都用到了SVN.Subversion项目的初衷是为了替换当年开源社区最为流行的版本控制软件 ...
Android Studio中ButterKnife插件的安装与使用
此文章来自http://www.jianshu.com/p/fe3c20f3ac27点击打开链接 Android Studio中ButterKnife插件的安装与使用最近用到Android Butt ...
解决vscode中golang插件依赖安装失败问题
解决vscode中golang插件依赖安装失败问题参考文章: (1)解决vscode中golang插件依赖安装失败问题 (2)https://www.cnblogs.com/feiquan/p/11 ...
eclipse中monokai插件的安装
eclipse中monokai插件的安装转载于:https://www.cnblogs.com/zhujiabin/p/5099675.html
IDEA中Lombok插件的安装与使用
1.安装 1.1 2021 之前版本安装lombok 找到idea的settings--plugin选项--搜索Lombok--安装具体可参考: IDEA中Lombok插件的安装与使用_魏晓蕾的博客 ...
在移动端项目中使用vconsole
1.先在项目中引入 <script type="text/javascript" src="vconsole.min.js"> 2.初始化vCons ...
vue移动端项目中统一滚动条样式与效果
写在前面原生的滚动条安卓端与苹果端有诸多不一样的地方,在我们的用户体验中,自然是想统一用户体验,而最常见的滚动条必然是要考虑在其中的,这篇文章主要是介绍vue项目中插件better-scroll的使 ...
WEB端项目中接入海康监控视频播放监控画面
需求: 以树形结构展示组织以及组织下的摄像头列表,点击单个摄像头进行预览效果图: 该博客基于海康开放平台API开发准备工作 1. APPkey.APPsecret.服务器ip地址.端口号 2. ...
移动端开发的vconsole插件
vConsole A lightweight, extendable front-end developer tool for mobile web page. 一个轻量级.可扩展的移动网页前端开发工 ...

移动端项目中vConsole插件的安装和使用

移动端项目中vConsole插件的安装和使用相关推荐

最新文章

热门文章