Vue：调试神器VConsole

自从接触Vue后，作为H5面对和手机端的调试总是深感麻烦。受制于网络，除了Chrome的调试外，还有一个调试神器也不错，那就是VConsole！

 

VConsole是腾讯开源的一个轻量、可拓展、针对手机网页的前端开发者调试面板。

开源地址和文档见 -> VConsole

 

这里说一下在Vue中该如何接入：

安装

npm install vconsole

在index.js中引入

import Vconsole from 'vconsole';
let vConsole = new Vconsole();
vConsole.setOption('maxLogNumber', 5000);
Vue.use(vConsole)

然后就可以在手机端 或者 chrome手机模式下看到右下角一个绿色的VConsole按钮了

点击就有类似下图的展示面板了，可以很方便查看网络请求，系统、log等情况