在VSCode中有没有办法通过单击标签跳转到定义标签的Angular组件？

Question

我正在使用VSCode编写Angular应用程序，有时我想了解更多关于我遇到的标记的信息。

例如，我们说我遇到了一个标记<display-active-users>，我想确定一些有关如何实现的详细信息。目前，为了找到这个组件文件，我做了一个文件搜索（Ctrl + P）并希望找到一个名为display...的文件。如果没有，我会对display-active-users进行全文搜索。

但是，如果我可以在<display-active-users>上右键单击或按下我的键盘上的某个快捷键并将其转到组件文件，那将会更加理想。

有没有办法做到这一点？

Answer 1

您应该安装此插件 -

  

Angular Essentials

ext install angular-essentials

Visual Studio Code的这个扩展包添加了对Angular开发非常有用的扩展。

Answer 2

您可以安装以下扩展：

Angular Component Extension

<块引用>

因此您无需安装一组扩展程序。