Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>NGX OutlineNew to Visual Studio Code? Get it now.
NGX Outline

NGX Outline

Martijn Schimmel

|
678 installs
| (2) | Free
Outline view for angular components, pipes and services or generic typescript classes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ngx-outline

Simple outline view to use with Angular files or generic typescript files. The default outline provided by Vscode produces too much noise in my opinion. This extension groups classes, interfaces and methods etc. The different colours indicate whether a method/property is public, protected or private.

If there are more wishes and/or ideas, I would like to hear about it.

Important installation notice

Make sure you have ts-morph installed on your project or globally

We can't bundle this library with webpack, at least i don't know how :-)

to install ts-morp: npm i -g ts-morph save-dev

Screenshot (right side bar)

Screenshot, see right sidebar

Tooltip shows params and return values

Tooltip

Settings

User settings

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