VConsole——Vue项目中使用手机网页的前端 console 调试面板

戳这里 —> Vconsol使用教程
Vconsole方便在手机端查看日志,强烈安利~

一、安装
使用 npm :

npm install vconsole

二、在Vue项目中引入
1、在 mian.js 文件夹中引入,并判断production环境使用

import VConsole from 'vconsole'

if (process.env.NODE_ENV === 'production') {
  new VConsole()
}
  • 请注意,VConsole 只是 vConsole 的原型,而非一个已实例化的对象。所以在手动 new 实例化之前,vConsole 不会被插入到网页中。

三、重新编译代码后打开手机端,可以看到Vconsole咯


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,170评论 8 124
  • 偶然的老照片 忽然晃了神 偶尔走偶尔跑 或许更多时候在原地 突然回头 发现 也渐渐有一段距离了 我开始命令 快点 ...
    秋秋呐阅读 398评论 0 0
  • 今天忽然跟许久未联系的大学同学聊起了天,毕业一年了,我们每个人都有所改变有所成长,我做着自己当初选择进入的服装行业...
    往后只求己阅读 259评论 0 0
  • 小牧溪发烧了,迷迷糊糊的在说梦话,t-i-ao 挑,她竟然在背拼音。 小牧溪上学第一个坎是拼音,我没有想到。 尽管...
    Jing_or_Jane阅读 839评论 0 0