美文网首页vue学习
VConsole——Vue项目中使用手机网页的前端 consol

VConsole——Vue项目中使用手机网页的前端 consol

作者: 兔子不打地鼠打代码 | 来源:发表于2018-11-05 09:49 被阅读416次

戳这里 —> 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咯


相关文章

网友评论

    本文标题:VConsole——Vue项目中使用手机网页的前端 consol

    本文链接:https://www.haomeiwen.com/subject/mvmjxqtx.html