Angular Component Overview

此浏览器扩展程序使您可以轻松地可视化角度应用程序的组件树，从而易于理解…

此浏览器扩展程序使您可以轻松地可视化角度应用程序的组件树，从而易于理解组件的结构和关系。

激活扩展名并选择要概述的组件，通过组件名称（或组件选择器）或由前缀识别的组件家族（例如材料组件：aT-）选择性地进行概述。

当涉及代码审核时，Angular Outliner可以成为强大的工具。它允许开发人员快速演示并显示新代码增量的组件层次结构。这使得代码评论更加有效，从而节省了时间和精力。

_______________________________________________________________________________________________________

支持我：buymeacoffee.com/felixff

_______________________________________________________________________________________________________

通过在它们周围绘制框架来有助于可视化应用程序组件的Chrome扩展。

您可以在由前缀定义的组件命名空间（例如应用程序组件，``MAT'-材料组件等）或特定组件之间进行选择。

扩展名还显示组件实例计数。

_______________________________________________________________________________________________________
更新2.5
* UI简化

更新2.4
*悬停的概述组件
*组件图预览

更新2.3：
*当多个组件占据相同的空间时，改进的组件名称定位，因此标签不会重叠。
*滚动时改进UX - 重新绘制组件。