vue---移动端调试功能vConsole

一. 简述

web端项目可以查看浏览器控制台信息,方便调试。然而移动端项目没有控制台可看,调试起来特困难。最近在做基于vue框架的移动端项目,有的bug不看日志,无法调试,很头疼。百度一下终于解决了这个难题,基于vue的有个可以在移动端查看日志的插件vConsole,很好用,也方便。

二. 如何使用

1. 引入vConsole插件:yarn add vconsole -s 或 npm install vconsole

2. 使用vConsole插件:需在main.js中引入。

vue---移动端调试功能vConsole_第1张图片

3. 初始化vConsole:new 这个对象。

4. 使用:在你需要的地方使用console.log()就行。

5. 效果图:

vue---移动端调试功能vConsole_第2张图片  vue---移动端调试功能vConsole_第3张图片

 

 

你可能感兴趣的:(vue)