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哈哈~
就到这吧。。这么简单的工具,真的好用得很哦!!!