Skip to content

Commit ed93743

Browse files
committed
Updated Readme.md: Added section about the Show module hierarchy' command.
1 parent 5dd3b77 commit ed93743

File tree

2 files changed

+14
-0
lines changed

2 files changed

+14
-0
lines changed

README.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ Find it on the [Visual Studio Code marketplace](https://marketplace.visualstudio
1010

1111
## Features
1212

13+
* Show the module hierarchy
1314
* Show the component hierarchy
1415
* Generate DGML graph of project component hierarchy
1516
* Summarizes all the Angular modules
@@ -20,6 +21,19 @@ Find it on the [Visual Studio Code marketplace](https://marketplace.visualstudio
2021

2122
Below is a detailed description of each feature.
2223

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:
29+
30+
* Modules are red
31+
* Components are blue
32+
* Pipes are yellow
33+
* Directives are green
34+
35+
![Show module hierarchy](https://github.com/CoderAllan/vscode-angulartools/raw/main/images/ShowModuleHierarchy.gif)
36+
2337
### Show the component hierarchy [#](#show-component-hierarchy- 'Show the component hierarchy')
2438

2539
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.

images/ShowModuleHierarchy.gif

1.08 MB
Loading

0 commit comments

Comments
 (0)