How to navigate to interface's implementation in VS Code as easily as in WebStorm?

You can go to the implementation of an interface by clicking on Ctrl + F12. You can always read more about this in the official documentation.

  • Go to Definition: Ctrl + Click
  • Go to Definition (Alternative): F12
  • Go to Implementation Crl + F12
  • Go to Implementation ⌘ + F12 (MAC)

VS Code does not have a specific command to find all implementations of an interface method (you could consider filing a feature request), but the "Find All References" command does give you a list that contains the implementations as well as the calls.


You can use Goto implementations (Ctrl-F12) or Find all implementations

VS code snapshot

I'm currently using Codium but this should make no difference since it is all based on extensions.

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

Tags:

Typescript

Visual Studio Code

Recent Posts