typescript 如何像在WebStorm中一样轻松地在VS代码中导航到接口的实现?

0x6upsns  于 2023-01-18  发布在  TypeScript
关注(0)|答案(6)|浏览(159)

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

bvjveswy

bvjveswy1#

你可以通过点击Ctrl + F12来实现一个接口。你可以在官方文档中阅读更多关于这个接口的内容。

  • 转到定义:Ctrl +单击
  • 转至定义(备选):十二层
  • 转到实施Crl + F12
  • 转到实现+ F12(MAC)
23c0lvtd

23c0lvtd2#

VS代码没有一个特定的命令来查找接口方法的所有实现(您可以考虑提交一个特性请求),但是“查找所有引用”命令确实会给予您一个包含实现和调用的列表。

scyqe7ek

scyqe7ek3#

您可以使用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
xqk2d5yq

xqk2d5yq4#

另一种方法是使用Regex搜索你的特定语言。例如,在PHP中,语法是这样的

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

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

正则表达式:

implements(.*)Jsonable
lbsnaicq

lbsnaicq5#

VS代码支持那个。我用java,VS代码支持那个,我想它和ts一样,右击接口或者超类,然后选择“查找所有实现”。

iklwldmw

iklwldmw6#

在Visual Studio代码(VS代码)中,可以使用“转到定义”功能导航到接口的实现。此功能允许您跳转到源代码中符号定义的位置。
要在VS代码中使用“转到定义”:
1.打开包含要导航到的界面的文件。
1.将光标放在接口名称上。
1.按“F12”键或右键单击接口名称并选择“转到定义”。
或者,您可以通过按“Alt + F12”使用“Peek Definition”特性,它将打开一个包含接口实现的Peek窗口。
如果您更喜欢使用插件来提供与WebStorm类似的功能:
1.从Visual Studio代码市场安装“转到实现”扩展。
2.通过按“Ctrl + F12“使用”转到实现”命令,或右键单击接口名称并选择“转到实现”
这些方法应该允许您轻松地导航到VS代码中的接口实现,类似于您在WebStorm中的导航方式。

相关问题