vconsole的使用 – 源码巴士

vconsole用于移动网页的轻量级，可扩展的前端开发人员工具。

特别在移动端调试的时，能够更方便的查看控制台日志、查看网络请求、查看文件元素 …

在.html 中使用，需在<head></head> 加入以下代码

<script src='https://cdn.bootcss.com/vConsole/3.2.2/vconsole.min.js' type="text/javascript" charset="utf-8"></script>
<script>
	window.vConsole = new window.VConsole()
</script>

在vue项目中使用

安装依赖

npm install vconsole

在utils中新建vconsole.js

import Vconsole from 'vconsole'
 const vConsole = new Vconsole()
 export default vConsole

在main.js 里面加入

import vConsole from '@/utils/vconsole.js'
Vue.use(vConsole)

O(∩_∩)O哈哈~

就到这吧。。这么简单的工具，真的好用得很哦！！！

原文链接：https://blog.csdn.net/yjITcsdn/article/details/115702893