vconsole的解释是控制台。
作为前端而言，通常习惯在PC通过F12使用调试面板，进行调试或者查看接口信息等。在移动端我们可以使用VConsole来实现相同的功能。它是一个网页前端调试面板，专为手机 web 页面量身设计，帮助开发者更为便捷地进行开发调试工作。
模板引擎
vConsole采用的是一个叫做 Mito.js 的一个简单的模板引擎（估计是腾讯自己内部写的一个模板引擎），这个文件在lib文件夹下，代码很简短就一个rener方法，然后配合模板html使用。
要明确是VConsole为核心类，负责插件的生成，事件绑定，运行等，而vConsolePlugin 类似一个抽象类，具体实现渲染绑定等由子类去具体实现。所以VConsole的扩展是通过添加VConsolePlugin的实现来的。
在我们平时项目开发中可以直接打开浏览器控制台，可以通过console.log打印一些我们希望看到的信息，但是在我们开发移动端应用时，往往需要进行真机测试，在手机上我们也希望能够打开控制台查看一些 console.log 打印出来的信息。而这就是本篇文章主要介绍的 vconsole 插件。
在移动端项目中打开控制台有两种方案：
步骤一：通过 CDN 地址引入
<script src="https://cdn.bootcss.com/vConsole/3.2.2/vconsole.min.js"></script>
步骤二：实例化
<script> var vConsole = new VConsole() </script>
步骤三、运行项目查看项目页面中是否出现一个绿色 vConsole 的按钮，点击该按钮便可以打开控制台
步骤一、通过npm安装 vconsole
npm install vconsole --save-dev
步骤二、在项目入口文件中引入：
import vconsole from 'vconsole'
步骤三、实例化 vconsole:
var vConsole = new vconsole ()
步骤四、运行项目查看项目页面中是否出现一个绿色 vConsole 的按钮，点击该按钮便可以打开控制台
