The must-know VS Code shortcuts for every Developer/Programmer

Halim Shams
4 min readMay 23, 2022

--

Every Developer/Programmer need these VS Code shortcuts to have better experience during coding.

The must-know VS Code shortcuts for every Developer/Programmer

Every Programmer and Developer new days are using VS Code due to its excellent job and the amazing features and abilities it has for stable coding while any hard-working (smart-working 😉) Programmer/Developer is coding.

In this article, I’m going to mention some of the more used and helpful VS Code shortcuts that every Programmer/Developer need to boost their productivity and coding. At the end of this article, you’ll be a perfect and productive coder.

So, let’s get straight into it…

Multi-Cursor

VS Code supports Multi-cursor (multiple cursor) for fast simultaneous edits. Multi-cursor allows you to add cursors above, below or for all the code lines.

To add multiple cursor:

  • Take a look at your code, where is your cursor currently? Do you want to also add the cursor to the current line the cursor is on?

If your answer to the question above is yes, so let the cursor on the current point and hold the Alt key on the keyboard, now you need to point where you want to add the second cursor, just Right Click where you want to add, and your second cursor will add to that point, and if you wanted to add other cursors also, just follow the previous process by holding the Alt key.

Multi-Cursor

Summary:

Hold the Alt key, find the point you want to add another cursor, and Right Click where you want to add the cursor.

How to undo my last cursor I added?

To undo the last cursor you added, just press Ctrl + U.

Selection

You can select everything in VS Code by cursor, but we are programmers, and we don’t use mouse the most while coding, so I want to show you the easy and fast shortcuts to select something via shortcuts.

To select a line in your code that the cursor is currently on it, you need to just press Ctrl + L to select the current line, Shift + Alt to expand the selection, and Shift + Alt + to shrink the selection.

Selection via shortcuts

Summary:

Ctrl + L: to select the current line

Shift + Alt: to expand the selection

Shift + Alt + ←: to expand the selection

Also Read:

Amazing HTML5 Features That Just 3% of Developers Knows — Easy and Surprising

Display

You may want to have a better and view of your code and also during coding, so there are some easy shortcuts to set the view of your code up.

  • To toggle full screen, you just need to just press F11 and you are now in full screen mode.
  • To Zoom-in, press Ctrl + + and to zoom out press the opposite of Zoom-in shortcut (Ctrl + -)

As full screen mode has advantages, but there are some disadvantages also, like we can’t access to any button while we are on full screen mode, but there is a solution, for showing extensions tab press Ctrl + Shift + E, for showing debug tab press Ctrl + Shift + D, and for finding something in your code press Ctrl + Shift + F.

Set up your code view
Following Costs Nothing!

That’s all I collected for you to have better productivity during your coding, may these shortcuts helped you and learn something new from this short article. Support me by following me and clapping to this article motivate me a lot to write more and more, so don’t forget to clap to article and follow me 🥰.

Buy me a Coffee

— You can follow me on Twitter as well, where I’ll share short and incredible stuffs out there, so don’t miss those. 😊

HAPPY CODDING :)

--

--

Halim Shams
Halim Shams

Written by Halim Shams

I Write about Programming and All the Related Content 🚀 I'm a Self-Taught Full-Stack Developer 💛

Responses (2)