移动端调试工具vConsole

1. 安装

​​npm i vconsole -D​​

2. 新建文件

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

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

3. 引用

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

4.启动

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

点击​​vConsole​​则会出现控制台

4.原理

1. 重写console
2. 用​​window.onerror​​捕获并上报Js错误