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
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,15 +1,15 @@
1
1
# AngularTools
2
2
3
-

3
+

4
4
5
5
AngularTools is a collection of tools for exploring an Angular project, help you with documenting, reverse engineering a project or help when refactoring.
6
6
7
7
Some of the tools may seem very basic, but can be a powerful help when you have them right at your fingertips.
8
8
9
9
## Features
10
10
11
-
* Generate DGML graph of project component hierarchy
12
11
* Show the component hierarchy
12
+
* Generate DGML graph of project component hierarchy
13
13
* Summarizes all the Angular modules
14
14
* Generate a markdown file with the component hierarchy in Mermaid format.
15
15
* Show the directory structure of the project
@@ -18,14 +18,6 @@ Some of the tools may seem very basic, but can be a powerful help when you have
18
18
19
19
Below is a detailed description of each feature.
20
20
21
-
### Generate DGML graph of project component hierarchy [#](#generate-dgml-graph-'Generate DGML graph of project component hierarchy')
22
-
23
-
The Generate Directed Graph Markup Language ([dgml](https://docs.microsoft.com/en-us/visualstudio/modeling/directed-graph-markup-language-dgml-reference)) file command analyzes the all angular components and generates a graph of the relationship between the components.
24
-
25
-
The dgml file can be viewed and modified using Microsoft Visual Studio. I don't believe there is an extension for Visual Studio Code yet for viewing dgml files.
### Show the component hierarchy [#](#show-component-hierarchy-'Show the component hierarchy')
30
22
31
23
If you don't want install Microsoft Visual Studio or you are on a platform not supporting Microsoft Visual Studio to view the dgml files with the component relationship, you can use the 'Show the component hierarchy' command to render the hierarchy and show it directly in vscode.
@@ -42,6 +34,14 @@ By default the component hierarchy graph is rendered using a random layout. You
### Generate DGML graph of project component hierarchy [#](#generate-dgml-graph-'Generate DGML graph of project component hierarchy')
38
+
39
+
The Generate Directed Graph Markup Language ([dgml](https://docs.microsoft.com/en-us/visualstudio/modeling/directed-graph-markup-language-dgml-reference)) file command analyzes the all angular components and generates a graph of the relationship between the components.
40
+
41
+
The dgml file can be viewed and modified using Microsoft Visual Studio. I don't believe there is an extension for Visual Studio Code yet for viewing dgml files.
Copy file name to clipboardExpand all lines: package.json
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@
4
4
"displayName": "AngularTools",
5
5
"description": "AngularTools is a collection of tools for exploring an Angular project, help you with documenting, reverse engineering a project or help when refactoring.",
0 commit comments