移动端调试工具vConsole

1. 安装

npm i vconsole -D

---

2. 新建文件

在 src/assets 目录下创建个util文件夹，并在里新建一个文件 vconsole.js，如下：

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

---

3. 引用

可以在main.js中全局引用 import 'js/vconsole.js'

---

4.启动

启动项目，页面右下角就会出现vConsole控件，如下图

点击vConsole则会出现控制台

---

4.原理

1. 重写console

2. 用window.onerror捕获并上报Js错误