vconsole(移动端调试)

2019-11-21  本文已影响0人  LynnLiu_

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

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

1.使用方法

1.1 在npm上下载最新版本vconsole,将dist/vconsole.min.js导入到项目里面
<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script> 
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'
上一篇 下一篇

猜你喜欢

热点阅读