Despite the many shortcuts that I use frequently in VS Code, the shortcuts I mention below can come in handy, but I often forget that they even exist. I made some GIFs for visualization to better remember them.
Every command in VS Code can also be executed via command prompt with CTRL
+SHIFT
+P
and a search query; however, knowing the direct shortcut might be faster.
I use VS Code on Windows in the GIFs, but I also provide a table showing the shortcut for each command in both Windows and Mac.
CTRL
+,
= Open user settingsWindows | Mac |
---|---|
CTRL +, |
⌘ +, |
Once in a while, I need to adjust my user preferences. This is how you would open them directly.
CTRL
+K
CTRL
+S
= Show shortcutsWindows | Mac |
---|---|
CTRL +K |
⌘ +K |
CTRL +S |
⌘ +S |
This is the complete list of shortcuts in VS Code. There is also a Windows Cheat-Sheet [PDF] and MacOS Cheat-Sheet [PDF] available to download.
CTRL
+R
= Switch workspaceWindows | Mac |
---|---|
CTRL +R |
⌘ +R |
This opens a list of your recent workspaces and is a super-fast way to switch to another folder or project. Note that this will kill your current terminal session if you had a terminal open in your VS Code workspace.
ALT
+Z
= Toggle word wrapWindows | Mac |
---|---|
ALT +Z |
⌥ +Z |
A handy little helper when you quickly want to see complete lines without scrolling horizontally.
CTRL
+G
= Go to lineWindows | Mac |
---|---|
CTRL +G |
^ +G |
This is the shortcut for typing CTRL
+P
:
.
CTRL
+P
= Go to fileWindows | Mac |
---|---|
CTRL +P |
⌘ +P |
The fastest way to switch files (especially when they are not already open) without using the mouse.
F8
= Go to next error or warningWindows | Mac |
---|---|
F8 |
F8 |
This is debugging with a single key. You can also go to previous errors or warnings using SHIFT
+F8
.
CTRL
+TAB
= Switch tabsWindows | Mac |
---|---|
CTRL +TAB |
^ +TAB |
The fastest way to switch already open files without using the mouse.
SHIFT
+ALT
+I
= Insert cursor at the end of each line selectedWindows | Mac |
---|---|
SHIFT +ALT +I |
⇧ +⌥ +I |
This is useful for a quick creation of multiple cursors in a selected area.
CTRL
+L
= Select current lineWindows | Mac |
---|---|
CTRL +L |
⌘ +L |
Use this to search for identical lines in combination with the next shortcut.
CTRL
+SHIFT
+L
= Select all occurrences of current selectionWindows | Mac |
---|---|
CTRL +SHIFT +L |
⇧ +⌘ +L |
This shortcut really saves time because you don’t have to CTRL
+D
through a whole file.
CTRL
+F2
= Select all occurrences of current wordWindows | Mac |
---|---|
CTRL +F2 |
⌘ +F2 |
With this, you don’t have to select something anymore. Instead, just place the cursor on the word that you would like to select all occurrences of.
CTRL
+SHIFT
+SPACE
= Trigger parameter hintsWindows | Mac |
---|---|
CTRL +SHIFT +SPACE |
⇧ +⌘ +SPACE |
In case you don’t remember parameter order and don’t want to interrupt your flow by looking into the docs.
SHIFT
+ALT
+F
= Format documentWindows | Mac |
---|---|
SHIFT +ALT +F |
⇧ +⌥ +F |
Because nobody wants to format a whole file manually.
CTRL
+K
CTRL
+F
= Format selectionWindows | Mac |
---|---|
CTRL +K |
⌘ +K |
CTRL +F |
⌘ +F |
In case you only want to format some parts of a file.
F12
= Go to definitionWindows | Mac |
---|---|
F12 |
F12 |
The quick way to jump to the definition of a variable or function.
ALT
+F12
= Peek at definitionWindows | Mac |
---|---|
ALT +F12 |
⌥ +F12 |
This just shows the corresponding definition of a variable or function without moving the cursor.
F2
= Rename symbolWindows | Mac |
---|---|
F2 |
F2 |
An indispensable shortcut for refactoring code.
CTRL
+K
CTRL
+X
= Trim trailing whitespaceWindows | Mac |
---|---|
CTRL +K |
⌘ +K |
CTRL +X |
⌘ +X |
This is especially useful for multi-line selections.
CTRL
+K
R
= Reveal active file in ExplorerWindows | Mac |
---|---|
CTRL +K R |
⌘ +K R |
In case you want to perform some actions out of your systems file manager instead of using VS Code.
CTRL
+SHIFT
+H
= Replace in filesWindows | Mac |
---|---|
CTRL +SHIFT +H |
⇧ +⌘ +H |
If only one file at a time isn’t enough for you.
CTRL
+K
V
= Open Markdown preview to the sideWindows | Mac |
---|---|
CTRL +K V |
⌘ +K V |
This way you don’t have to switch to the mouse to open a preview.
CTRL
+K
Z
= Enter Zen modeWindows | Mac |
---|---|
CTRL +K Z |
⌘ +K Z |
Instantly code, distraction-free. To exit Zen mode, hit ESC
ESC
.
So that’s it for now. I maintain a repository on GitHub where I collect commands I tend to forget - check it out if you want.
Happy Coding!
Edited: 7th January 2019 (add MacOS shortcuts)
Published: 7th January 2019 by Andreas Müller on dev.to
Cover Image: https://codepen.io/devmount/full/ExaQjdm
Free Resources