vconsole的使用

最新推荐文章于 2024-07-06 00:30:00 发布

yj小耳朵

最新推荐文章于 2024-07-06 00:30:00 发布

阅读量3k

点赞数

分类专栏：调试工具前端文章标签：前端

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

版权

前端同时被 2 个专栏收录

30 篇文章 1 订阅

订阅专栏

调试工具

1 篇文章 0 订阅

订阅专栏

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哈哈~

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

yj小耳朵

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
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><
复制链接

扫一扫

专栏目录