手机调试工具插件

过年之后写的一个收费项目这回要正式上线,自此在手机上要看一下运行状况,因为改动了些配置文件,怕会有影响,所以需要看看日志,但手机上没有控制台这个功能啊,所以需要一个插件来下载,进行打印,来查看相关信息。抛出使用方法及效果图

下载链接:https://pan.baidu.com/s/1zmnNq3WvE3dnjNn-6Fk8Kg 密码:zord

将vconsole和生成的index.html放在同一层级下,然后在生成的index.html 中引用即可


手机调试工具插件_第1张图片
vue项目打包后的文件结构

引用方式

最后在手机上访问当前项目,就会出现如下效果


手机调试工具插件_第2张图片
手机显示效果图

有没有觉得方便些,顺便提醒一下,想看输出的话,代码里首先得有console.log()代码,虽然这句话有点弱智,但是还是要提醒一下。
注:推荐相关文章,打包清除console.log()配置的文章,有兴趣的可以了解一下。

https://www.jianshu.com/p/f68f1e450c56

最后希望大家走一波关注及喜欢,给予我这个小白一点支持(手动撒花~~~~)

你可能感兴趣的:(手机调试工具插件)