I'm using Visual Studio 2015 to create Web Apps and I just start using TypeScript.
As my project gets bigger, I'm wondering if there's a way to get UML diagram of TypeScript code using Visual Studio, extensions or any other free tool.
How to generate TypeScript UML class diagrams?
Viewed 32892
5 Answers
I am using a VSC extension named classdiagram-ts from AlexShen that does a very nice job, it can be used for creating a diagram for a file or a folder and also lets you reposition and navigate to fields, hide members and other cool options.
https://marketplace.visualstudio.com/items?itemName=AlexShen.classdiagram-ts&ssr=false#overview
You can try tplant. Here's an example for the typescript classes at https://github.com/pascalerni/abap2famix/tree/master/src
Another alternative, which I currently use but requires VSCode, is: vscode-ts-uml
I would advise against doing anything with TsUML. You install it as a regular NPM package, but then it uses some sketchy online service. It seems dangerous to use Tsuml for proprietary projects.
Using TsUML:
npm install -g tsuml
# Note: this posts data to https://yuml.me!!
tsuml --glob ./src/**/*.ts
Related