如何在树结构中看到vue项目中的所有组件？

Question

我有一个包含多个嵌套组件的大型Vue 2项目，其中一些组件在许多地方被重用。是否有vscode扩展可以以图形方式显示在何处使用哪些组件？目前，我正在树形结构思维图中记录每个组件，我想自动完成它。

Answer 1

对于VSCODE，您可以使用MountainVue，请在这里查看更多详细信息：

• https://vuejsexamples.com/a-developer-tool-to-traverse-your-vue-component-tree/

此外，您还可以使用Vue.js DevTools扩展在Chrome中查看组件的结构，在各种不同事物之间的树形结构中。

为了做出反应，您可以使用(在VSCODE中) Sapling扩展，它提供了一个非常好的树型结构，以更好地理解当前的项目布局。