vconsole手机调试

2022-07-11 14:17:28

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

1、安装

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

2、引入

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

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

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

码农公寓