vs code shortcuts you must know to increase your productivity and improve your workflow as a web developer

20/05/2021

Shortcuts are commands that can make your life easier in any program. Today you will learn the shortcuts of one of the most famous code editors on the market: Visual Studio code.

1 - Ctrl + P (open files)

Use this command to open files more easily, without having to search through your project folders. Just type the name of the file you want to find in this command and the shortcut will do the magic for you

2 - Ctrl + W (close files)

We've all been there. We've all bumped into this shortcut by accident and closed the file we want to edit. At least now you know what this shortcut is, maybe you might want to use it because you want to next time.

3 - Ctrl + Shift + M (Leads me to error!)

This command finds the next error in your code. It makes fixing errors a lot faster once you get used to it.

4 - Ctrl + K Ctrl + T (change my theme)

Varying the visual studio code theme from time to time is good. It's even better to use a shortcut for this! Now you know what it is, how about trying it out on some themes I've selected for you:
9 of the best themes for visual studio code and how to install a theme in visual studio code

5 - Ctrl + B (hide the sidebar)

If you're like me, I'm sure you've accidentally bumped into this command at least once. Now it is in your hands. When I use this command my development experience changes drastically. It's great to be able to use all the space on your screen to view the code, plus when you join this command with Ctrl + P using the VS sidebar will be a thing of the past!

6 - Ctrl + \ (side by side)

This is extremely useful, this command allows you to edit two files side by side. Who never needed to refactor a code right?! this command makes the whole process much easier.

7 - Shift + Alt + Up or Shift + Alt + Down (Ctrl + V Ctrl + C improved)

It copies and pastes an entire line of code above or below. need to create three variables? forget Ctrl + C and Ctrl + V, use Shift + Alt + Up.

8 - Alt + Up or Alt + Down (move line)

This command allows you to move a line up and down down. Very useful when organizing your code.

9 - Ctrl + K Ctrl + F (for when your code is hard to read)

Much of a programmer's job is to make code easy for another programmer to read. This command won't do the job for you, but we can say it will give you a hand.

10 - Ctrl + Space (my dear)

One of the most used shortcuts by this editor. This command gives some hints of the methods and parameters that can be used.

11 - Ctrl over variable (sweetheart 2)

I can't exactly consider this a shortcut, but it helps a lot because it shows how variable was declared and its type. So whenever you're in doubt whether what should be the place was an integer or a string, use this command.

12 - Ctrl + Shift + P (wildcard command)

This command is called Command Palette, but I affectionately call it the wildcard command, as its function is to show all commands and shortcuts that are available in a given context. So if you're forgetful how do I try to record this command

If this article was helpful to you, consider subscribing to our newsletter. It takes less than a minute and you'll be kept up to date with articles like this and more. We just need your email: