Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>TsUML2-vscodeNew to Visual Studio Code? Get it now.
TsUML2-vscode

TsUML2-vscode

demike

|
637 installs
| (0) | Free
TsUML2: class diagrams for your typescript code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

tsuml2-vscode README

Generate UML diagram for your TypeScript applications. And view them directly in VS Code - powered by nomnoml.

Features

TsUML2 works offline, so no third party servers are involved. It supports

  • classes
  • interfaces
  • enums
  • types

Class diagrams for single files

Single File Diagrams

Class diagrams for a folder

Single File Diagrams

Class diagrams for multiple files and/or folders

Multi File Diagrams

Navigate to defintions

Navigate to Definitions

Export to Mermaid and nomnoml DSL

You can export a class diagram to Mermaid and nomnoml language.

This is pretty handy for embedding (interactive) diagrams directly into markdown. (i.e.: embedding diagrams in github markdown )

Use it for further refinement of class diagrams in the mermaid / nomnoml editors.

Multi File Diagrams

Extension Settings

Release Notes

1.0.0

Initial release of TsUML2-vscode

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft