VSCode 中是否有任何方法可以通过单击标签跳转到定义标签的 Angular 组件？

Question

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

例如，假设我遇到一个标签<display-active-users>，我想确定它是如何实现的一些细节。目前，要为此查找组件文件，我会进行文件搜索 ( Ctrl + P) 并希望找到一个名为display.... 如果没有，我会进行全文搜索display-active-users。

但是，如果我可以右键单击或按键盘上的某个快捷键，<display-active-users>然后将其带到组件文件，那就更理想了。

有没有办法做到这一点？

Answer 1

您可以安装以下扩展：

角度组件扩展

因此您不需要安装一组扩展。

Answer 2

你应该安装这个插件-

角度要点

ext install angular-essentials

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