angularidevisual-studio-codeintellisense

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

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?

Solution

  • 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.