如何像在 WebStorm 中一样轻松地导航到 VS Code 中的接口实现？答案

【问题标题】：How to navigate to interface's implementation in VS Code as easily as in WebStorm?如何像在 WebStorm 中一样轻松地导航到 VS Code 中的接口实现？
【发布时间】：2019-03-17 14:07:01
【问题描述】：

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

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

【问题讨论】：

ctrl + click 在 VSC 中工作
Ctrl + 单击不执行任何操作。
我的意思是执行。如果您有多个实现，jetbrains/webstorm 会显示所有实现的下拉列表。挺好看的。

标签： typescript visual-studio-code

【解决方案1】：

您可以通过单击Ctrl + F12 转到接口的实现。您可以随时在official documentation 中了解更多相关信息。

转到定义：Ctrl + 单击
转到定义（替代）：F12
转到实现 Crl + F12
转到实施⌘ + F12 (MAC)

【讨论】：

是的，有这样一个命令。不幸的是，它的工作原理与“转到定义”几乎相同，所以我只能看到类型定义，但看不到实际代码......想要检查一些库的代码，但必须手动查找文件：\
"Go to implementation" 快捷方式似乎不适用于 Linux (Ubuntu 18.04)。可能与系统键绑定有关。
已确认。 Ctrl + F12 在 linux ( debian ) 上不起作用
@user1077915 你可以使用 shift+F12 来查找工具。

【解决方案2】：

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

【讨论】：

我是 golang 代码，查找所有引用总是在接口本身返回一个定义。我是否需要进行任何配置才能使其正常工作？

【解决方案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

【讨论】：

【解决方案4】：

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

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

所以如果你想找到所有实现Jsonable接口的类，你可以这样做：

正则表达式：

implements(.*)Jsonable

【讨论】：