tree-explorer:了解和探索Vue应用程序的组件树

Vue组件树浏览器 Tree Explorer是一种工具，可帮助Vue程序员了解其应用程序中使用了给定组件的位置。 该策略包括四个步骤： 读入Vue文件并解析它们 从Javascript AST中提取Vue组件并导入 建立（显式）组件关系图 根据需要可视化图形 Tree Explorer无法取代Vue开发工具-可以与它们一起使用。 Vue开发工具是一种在运行时查看给定页面的Vue组件层次结构的绝佳方法。 Tree Explorer对相似的数据进行操作，但有两个区别： 这是一个静态分析工具，因此不需要您的代码即可运行。 它涵盖了整个应用程序，而不仅仅是您要查看的单个页面，因此您可以了解应用程序中的其他哪些表面可能会受到组件更改的影响。 用法 解析和命令行输出 将路径作为--repo传递到目标代码库（即正在检查的代码）， --repo要搜索的Vue组件的名称作为--component