typescript 如何从VS代码中的实现导航到接口

0aydgbwb  于 2023-03-13  发布在  TypeScript
关注(0)|答案(1)|浏览(131)

在VS代码中,我打开了controller.ts,我想查看execute方法的接口(interface-controller.ts)定义。
假设接口和类有许多长方法。
我目前在controller.ts中的execute()上,有没有一种方法可以快速导航到这个类实现的接口(通过键盘或鼠标),而不必向上滚动到类的顶部查看实现的接口的名称,然后手动打开文件,然后找到execute方法?
我也欢迎延期。

我的尝试:

  • Go To Implementations显示了20+个文件的列表,其中一个是interface-controller.ts,所以我仍然必须向上滚动到controller.ts的顶部查看接口的名称,然后从列表中选择它
  • Go To References相同
  • Find All References相同
  • Go To Type Definition转到lib.es2018.promise.d.ts
    接口控制器.ts
export interface IController {
  execute(): Promise<void>
}

控制器.ts

class Controller implements IController {
  public async execute() {
    // stuff
  }
}
dgiusagp

dgiusagp1#

为什么不在类中的方法上按ctrl+click(或者在MacOS上按cmd+click),这样可以在定义方法的接口中找到方法的定义?
您可以对接口的名称执行类似的操作,以转到接口的定义。

相关问题