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'
网友评论