vconsole手机调试

Posted 2020-12-02 zjx304

 

项目开发时经常需要debug调试，但在移动端debug则会阻断代码运行，并且很难判断出错在哪里，这里我们需要借助第三方插件 vconsole

1、安装

下载vconsole最新版本或者直接用npm下载nom install vconsole

2、引入

注意：VConsole 只是 vConsole 的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。

4

项目运行，点击页面右下角vconsole图标，即可看到debug内容

5

如果想要查看接口调用情况，和浏览器一样直接点击network按钮即可