网络异常，图片无法展示
|
这是Vue的调试工具，我这里是最新版本。
首先是基本功能，可以查看路由和Vuex的情况。
然后最右侧的功能栏目还要一些功能。
首先是快速定位组件的模块。
网络异常，图片无法展示
|
第三个按钮可以快速定位到对应的DOM结构。
网络异常，图片无法展示
|
最后，还有一个很好的功能。
我记得刚开始学习Vue时，帮别人调试代码，因为不是我写的，所以要挨个找组件，找半天没找到，后来发现Vue的调试工具可以之间跳转到vscode的对应文件，其他IDE我就没有试过了。
网络异常，图片无法展示
|
如果有的不能跳转的，可以看看这篇：
还在ctrl + f 查找你要调试的组件？试试用devtool一键在vscode中打开组件源代码 - 掘金 (juejin.cn)
