You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+14Lines changed: 14 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,6 +10,7 @@ Find it on the [Visual Studio Code marketplace](https://marketplace.visualstudio
10
10
11
11
## Features
12
12
13
+
* Show the module hierarchy
13
14
* Show the component hierarchy
14
15
* Generate DGML graph of project component hierarchy
15
16
* Summarizes all the Angular modules
@@ -20,6 +21,19 @@ Find it on the [Visual Studio Code marketplace](https://marketplace.visualstudio
20
21
21
22
Below is a detailed description of each feature.
22
23
24
+
### Show the module hierarchy [#](#show-module-hierarchy-'Show the module hierarchy')
25
+
26
+
The 'Show module hierarchy' command is used for visualizing the hierarchy of the modules in an Angular application. The command scans all the *.ts files in the project to identify classes decorated with the `@NgModule` class decorator and then visualize how each module is imported by other modules. It will also visualize the classes specified in the imports and the exports section of the NgModule definition.
27
+
28
+
In the visualization the classes will be colored depending on the class decorator of each class:
### Show the component hierarchy [#](#show-component-hierarchy-'Show the component hierarchy')
24
38
25
39
The 'Show the component hierarchy' command is used for visualizing the component hierarchy and Angular application. It analyses all the *.component.ts files and all the corresponding template files to determine how the component use each other and then generates a directed graph showing the component hierarchy.
0 commit comments