Vue-DevTool这么方便，你会用吗？

这是Vue的调试工具，我这里是最新版本。

首先是基本功能，可以查看路由和Vuex的情况。

然后最右侧的功能栏目还要一些功能。

首先是快速定位组件的模块。

第三个按钮可以快速定位到对应的DOM结构。

最后，还有一个很好的功能。

我记得刚开始学习Vue时，帮别人调试代码，因为不是我写的，所以要挨个找组件，找半天没找到，后来发现Vue的调试工具可以之间跳转到vscode的对应文件，其他IDE我就没有试过了。

如果有的不能跳转的，可以看看这篇：

还在ctrl + f 查找你要调试的组件？试试用devtool一键在vscode中打开组件源代码 - 掘金 (juejin.cn)