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

Jul*_*Coo 4 typescript visual-studio-code

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

有人知道如何在VSCode中做到吗?

Webstrom中的接口

Sib*_*enu 8

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

  • 转到定义:Ctrl+Click
  • 转到定义(替代): F12
  • 转到实施Crl+F12

  • 这应该是正确的答案。谢谢 (2认同)
  • 是的,有这样一个命令。不幸的是,它的工作原理与“转到定义”几乎相同,因此我只能看到类型定义,而看不到实际代码...想要检查某些库的代码,但必须手动查找文件:\ (2认同)
  • “转到实施”快捷方式似乎在 Linux(Ubuntu 18.04)上不起作用。可能与系统键绑定有关。 (2认同)

Mat*_*hen 6

VS Code 没有用于查找接口方法的所有实现的特定命令(您可以考虑提交功能请求),但是“查找所有引用”命令确实为您提供了一个包含实现和调用的列表。


lrk*_*kwz 6

您可以使用 Goto implementations(Ctrl-F12) 或Find all implementations

VS 代码快照

我目前正在使用 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
Run Code Online (Sandbox Code Playgroud)