Is there any way in VSCode to jump to the Angular component that defines a tag, by clicking on the tag?

Question

I'm coding an Angular application using VSCode and sometimes I want to learn more about a tag that I come across.

For example, let's say I encounter a tag <display-active-users> and I want to determine some details about how it was implemented. Currently, to find the component file for this I do I a file search (Ctrl + P) and hopefull find a file named display.... If not, I do a full text search for display-active-users.

However, it would be much more ideal if I could just right click, or press some shortcut key on my keyboard, on <display-active-users> and be taken to the component file.

Is there any way to do this?

Answer 1

You should install this plugin-

Angular Essentials

ext install angular-essentials

This extension pack for Visual Studio Code adds extensions that are amazingly useful for Angular development.

Answer 2

You can install the following extension:

Angular Component Extension

So you don't need to install a set of extensions.