如何像在WebStorm中一样轻松地导航到VS Code中的界面实现？

Question

此刻，我正在为TypeScript项目尝试Visual Studio Code。到目前为止，我喜欢它，但是我在接口方面遇到了问题。我希望能够像使用WebStorm一样轻松地跳转到接口的实现。只需单击左侧的绿色按钮（如下图所示），即可跳至实现（或显示具有多个实现的列表）。

有人知道如何在VSCode中做到这一点吗？

Answer 1

您可以通过单击 Ctrl + F12 转到接口的实现。您随时可以在official documentation中阅读有关此内容的更多信息。

• 转到定义： Ctrl + 点击
• 转到定义（替代）： F12
• 转到实现 Crl + F12

Answer 2

VS Code没有特定的命令来查找接口方法的所有实现（您可以考虑提交功能请求），但是“查找所有引用”命令确实为您提供了一个列表，其中包含实现以及电话。

Answer 3

您可以使用Goto implementations（Ctrl-F12）或Find all implementations

我目前正在使用Codium，但这应该没有什么区别，因为它们全部基于扩展。

Version: 1.46.1
Commit: cd9ea6488829f560dc949a8b2fb789f3cdc05f5d
Date: 2020-06-19T10:53:55.306Z
Electron: 7.3.1
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Linux x64 5.4.0-37-generic

Answer 4

另一种方法是对您的特定语言使用正则表达式搜索。例如在PHP中，语法是这样的

class Model implements Arrayable, ArrayAccess, Jsonable, JsonSerializable, QueueableEntity, UrlRoutable

因此，如果要查找实现Jsonable接口的所有类，则可以这样做：

正则表达式：

implements(.*)Jsonable