在日常开发中,调试移动端页面时,我们常常需要查看控制台日志。这时,vconsole 就是一个非常实用的小工具!它可以帮助我们在手机上直接查看控制台输出,轻松排查问题。👇
一、什么是 vconsole?
简单来说,vconsole 是腾讯推出的一款轻量级前端调试工具。它能将浏览器的开发者工具“搬”到手机上,让你随时随地查看日志、网络请求等信息。✨
二、如何安装?
1️⃣ 首先,在项目中通过 npm 安装:
```bash
npm install vconsole --save
```
2️⃣ 然后,在入口文件中引入:
```javascript
import VConsole from 'vconsole';
const vConsole = new VConsole();
```
3️⃣ 最后,运行项目,打开手机浏览器访问页面,点击右下角的“控制器图标”,即可进入调试界面!🔍
三、如何使用?
- 日志打印:使用 `console.log()` 输出调试信息。
- 功能模块:支持查看网络请求、资源加载等详细数据。
- 隐藏开关:无需登录后台配置,随时开启或关闭调试模式。
掌握 vconsole,让移动端调试更高效!💪 前端开发 调试工具 vconsole