I'm trying Visual Studio Code for TypeScript projects at the moment. So far, I like it, but I'm having an issue with interfaces. I would like to be able to jump to interface's implementation(s) as easily as I can with WebStorm. Just a click on the green button on the left as in the picture below jumps to the implementation (or shows a list of there are multiple implemenations).
Anyone know how to do it in VSCode?
Go to Implementation# Languages can also support jumping to the implementation of a symbol by pressing Ctrl+F12. For an interface, this shows all the implementors of that interface and for abstract methods, this shows all concrete implementations of that method.
Choose Navigate | Go To Implementation in the main menu, press Ctrl+F12 , or click the symbol while holding Ctrl+Alt keys. Note that in Visual Studio 2017 and later, the Ctrl+Alt -click is used for adding multiple carets.
WebStorm is generally more efficient at refactoring and testing JavaScript and JavaScript-based code (such as TypeScript). Refactoring optimizes code for efficiency, while unit testing ensures product quality. VS Code still provides these features — but they aren't tailored to JavaScript.
To navigate to the implementation, press Ctrl+Alt+B .
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With