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

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

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

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

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

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

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

如果有的不能跳转的,可以看看这篇:

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

最后修改:2022 年 09 月 07 日
如果觉得我的文章对你有用,请随意赞赏