Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Display Typescript class hierarchy in VS Code

Tags:

class

typescript

visual-studio-code

hierarchy

is there any way (native or extension) in VS Code to see class inheritance hierarchy of some class in Typescript?

Something like Type Hierarchy view for Java classes in Eclipse?

Type Hierarchy in Eclipse

Thanx

like image 266
Tom HANAX Avatar asked Feb 08 '19 12:02

Tom HANAX

People also ask

How do I organize a TypeScript class?

You can invoke command "TypeScript Class Organizer: Organize Current File" by using the shortcut Ctr + Shift + O. You can change the shortcut by assigning a different shortcut to command "tsco. organize".

Does Visual Studio support TypeScript?

TypeScript supportBy default, Visual Studio 2022 provides language support for JavaScript and TypeScript files to power IntelliSense without any specific project configuration. For compiling TypeScript, Visual Studio gives you the flexibility to choose which version of TypeScript to use on a per-project basis.

1 Answers

I don't know about Visual Studio extension, but if UML diagram is also an option, you can try

TypeScript UML Playground

Sample result of Raytracer program enter image description here

like image 100
Matěj Pokorný Avatar answered Oct 17 '22 01:10

Matěj Pokorný
Sign in to Comment

Related questions

TypeScript -> AST -> TypeScript
Typecheck createAction Redux helper
React Native with Typescript 2.8 - Cannot redeclare block-scoped variable 'console'
Ionic using IdentityServer4 as IDP
typescript interface: optional but not undefined
How to debug in VS Code a local AWS Lambda function with API Gateway written in TypeScript?
How to reconcile monorepo with multiple tsconfig.json each having its own paths?
'import-resolver-typescript/lib' not found error in jsconfig.json
TypeScript - Module is undefined at runtime
TypeScript compile all ts files as a single JavaScript file in WebStorm 7
Error during VSO ASP.NET5 CI build - "Your project uses a different version of the TypeScript compiler" but I'm not using TypeScript
Typescript: how to set type of children in React Component?
Angular 2 doesn't update view after exception is thrown
Recommended way to implement Iterator<T> in Typescript, before ES6 [duplicate]
Dynamically set router-outlet name
Typescript error TS1005: ';' expected but I don't see where I'm missing a semicolon
Angular2 with Typescript, how to use Plupload CDN script file in lazy-loaded module?
Nested outlets in master layout outlet in angular 6
PrimeNG - Sending form data and FileUpload data via button click
How do I reuse Angular 6 API services in a node script?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!