简单介绍下vConsole：
vConsole是一个由微信公众平台前端团队研发的web前端开发者面板，可用于展示console日志，方便开发、调试。
使用场景1，在vue-cli 构建的项目中使用：
通过npm安装和使用:
npm install vconsole --save
在main.js文件里面引入：
import VConsole from 'vconsole'
Vue.prototype.$vconsole = VConsole;
在App.vue 中开启调试，初始化（可以由后端提供一个接口判断是否要打开调试）
new this.$vconsole();
然后在手机上运行查看：手机上运行PC端的vue项目
效果图如下：（右下角会出现绿色的vConsole）
使用方法二： 在HTML中使用调试插件
引入vconsole.min.js文件
下载方式1-----github上下载：github.com/Tencent/vCo…
下载方式2----- download.csdn.net/download/mi…
】
index.html代码如下（引入vconsole.min.js代码可以直接在浏览器运行查看）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
<title></title>
<script src="dist/vconsole.min.js"></script>
<script>
var vConsole = new VConsole();
</script>
</head>
<body>
你好，我是测试vconsole的页面
</body>
</html>
