Display Typescript class hierarchy in VS Code

Question

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?

Thanx

Diophantus

Answer 1

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

Possibility

Thanx, looks interesting. It will be useful as VS Code extension, but considering "Work in progress" comment and having last change 2 years ago, this is probably dead path. – Diophantus

Answer 2

TypeScript Explorer is an extension which is just in Preview version (v0.4.2) just now, but, does seems to do a good job of displaying the full type hierarchy when you select a particular type in the Editor window.

You can install it through the Extensions marketplace in VSCode by searching for: "TypeScript Explorer"

Demo animation from the extension summary:

Jackpot

That are good news, very usable, thank you for the tip! Just missing the "top to bottom" hierarchy tree – Diophantus

Answer 3

This question has been answered in How to generate TypeScript UML class diagrams?.

There is a VSCode extension you can use:

• https://marketplace.visualstudio.com/items?itemName=AlexShen.classdiagram-ts

Jumper