Code navigation in Visual Studio Code

codevault

Sergiu Mureşan

Posted on November 16, 2018

Code navigation in Visual Studio Code

The navigation features look straightforward, but, at first glance, they don't seem very useful. So, for this part of the tutorial I suggest you one thing:

Take the mouse from the side it's currently on and move it to the other side of the keyboard

This will force you to start using the shortcuts I am about to tell you, believe me, after using them for a few hours you will regret not knowing about them before. This is how much more efficient it makes you!

1) Back / Forward (ALT + / )

By far, the best way to jump from a part of a file to another is through this shortcut. Some may argue that CTRL + TAB does the same thing although this is a more complete feature since it retains history in places on the same file and the history is retained even after using this shortcut (you can go back and forth without changing the actual history)

2) Open previous file (CTRL + TAB)

I am sure many know about this feature so I won't get into detail here. All you need to know is, similarly to the Back / Forward feature, this let's you navigate to/from previously viewed files.

One important note here, you can also navigate forward with (CTRL + SHIFT + TAB).

3) Navigate to next error (F8)

When refactoring, this feature is one of the best. You can hit F8 and fix every single error until you run out and have finished refactoring. It's simply a breeze to fix errors using this.

Similar to the previous one you can navigate backwards (to the previous error) using SHIFT + F8.

One issue with this feature is that there is no way to navigate on only the errors or only the warnings. Do you guys know of any way to customize this?

End

And that is it for code navigation, I will later on, create a post about navigating through the editor for completeness sake.

  • Have you ever tried unplugging your mouse and work only from your keyboard?
  • Which of the shortcuts have you learned about in this post?
💖 💪 🙅 🚩
codevault
Sergiu Mureşan

Posted on November 16, 2018

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Code navigation in Visual Studio Code
devhelp Code navigation in Visual Studio Code

November 16, 2018