VSCode 中是否有任何方法可以通過單擊標簽跳轉到定義標簽的 Angular 組件？

Question

我正在使用 VSCode 編寫 Angular 應用程序，有時我想了解更多關於我遇到的標簽的信息。

例如，假設我遇到了一個標簽<display-active-users> ，我想確定一些關於它是如何實現的細節。 目前，要為此找到組件文件，我會進行文件搜索（ Ctrl + P ）並希望找到一個名為display...的文件。 如果沒有，我會對display-active-users進行全文搜索。

但是，如果我可以在<display-active-users>上右擊或按下鍵盤上的某個快捷鍵並轉到組件文件，那將更加理想。

有沒有辦法做到這一點？

Answer 1

你應該安裝這個插件 -

角度要點

ext install angular-essentials

這個 Visual Studio Code 的擴展包添加了對 Angular 開發非常有用的擴展。

Answer 2

您可以安裝以下擴展：

角組件擴展

所以你不需要安裝一組擴展。