移动端调试工具vconsole安装

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

操作方法

  • 01

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

  • 02

    引入vconsole到项目中： <script src="path/to/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </script>

  • 03

    或者通过import 初试化： import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化

  • 04

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

  • 05

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

赞 (0)

相关推荐

  • 如何在电脑端word中安装好看的字体？

    如何在电脑端word中安装好看的字体？

    相信很多小伙伴在日常办公中都会用到word,那么在其中我们怎么安装好看的字体呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,将想要安装的字体下载好并解压.2. 在解压所得文件中找到字体文 ...

  • vnc远程控制软件控制端的的安装教程

    VNC跟掌控局域网监控软件一样都是不错的局域网控制软件. 操作方法 01 在官网下载VNC远程控制压缩包: 02 在控制端的电脑上安装VNC,打开setup.exe后点击[同意协议],然后点击[下一步 ...

  • linux下串口调试工具xgcom安装

    minicom很好用，但有时候不够直观，推荐新人特别是习惯于windows下超级终端的用户使用xgcom。 安装方式如下： 我的系统是Ubuntu 12.04 LTS 1.从 http://code. ...

  • 如何安装cpu散热器来为CPU散热或更换CPU散热硅脂

    如何安装cpu散热器? CPU散热器就是用来为CPU散热的。散热器对CPU的稳定运行起着决定性的作用，组装电脑时选购一款好的散热器非常重要。 下面，本文就教你电脑装机不求人。 安装CPU散热器虽然是一 ...

  • 网络人远程桌面连接专家安装注册教程

    网络人远程控制软件是一款专业的远程桌面连接软件，专门针对企事业机关单位进行远程桌面连接设计。安装只需几秒、操作简单方便。完美的界面设计、强大的监控功能、稳定的系统平台，满足了客户实现远程桌面连接的需求 ...

  • 如何安装cpu散热器 让你电脑装机不求人

    如何安装cpu散热器? CPU散热器就是用来为CPU散热的。散热器对CPU的稳定运行起着决定性的作用，组装电脑时选购一款好的散热器非常重要。 下面，本文就教你电脑装机不求人。 安装CPU散热器虽然是一 ...

  • 如何安装cpu散热器?

    如何安装cpu散热器? CPU散热器就是用来为CPU散热的。散热器对CPU的稳定运行起着决定性的作用，组装电脑时选购一款好的散热器非常重要。 下面，本文就教你电脑装机不求人。 安装CPU散热器虽然是一 ...

  • 小米盒子安装第三方软件教程

    小米盒子如何安装第三方软件?下面笔者以安装魔力视频为例,具体讲讲小米盒子安装第三方软件的教程,同时笔者再给朋友们推荐几款常用的小米盒子盒子第三方软件,希望对大家掌握小米盒子的玩法有所帮助. 小米盒子安 ...

  • 讯飞输入法iPad版安装及设置

    安装须知: 1. 安装前请确保安装了MobileSubstrate(使用Cydia官方源安装不用考虑此问题,会自动下载安装). 安装MobileSubstrate方法: (1) iPad主屏 -> ...