vconsole(移动端调试)

web开发过程中,在移动端上使用的时候,我们没法子看到打印的console或者报错或者network请求,这个时候我们会选择使用alert弹出一些信息,但是这种方法不怎么方便,也会阻断JS线程,导致后面的线程都不执行。也影响调试体验。

因此我们需要借助第三方插件:vConsole

1.使用方法

1.1 在npm上下载最新版本vconsole,将dist/vconsole.min.js导入到项目里面

 
1.2 通过npm安装
npm install vconsole

多页面就新建vconsole.js文件

import Vconsole from "vconsole"
let _export = new Vconsole()
export default _export

按需引入

import "../../../tools/vconsole"

单页面的话就在main.js中引入:

// 因为vConsole并不需要调用,
// 所以前面加“eslint-disable no-unused-vars”规避掉eslint语法检查

/* eslint-disable no-unused-vars */
import vConsole from 'vconsole'

你可能感兴趣的:(vconsole(移动端调试))