DEV Community

Cover image for VS Code Shortcut Cheat SheetπŸ”₯ - Productivity boost πŸš€
Garvit Motwani for World In Dev

Posted on • Edited on

VS Code Shortcut Cheat SheetπŸ”₯ - Productivity boost πŸš€

Hey Devs, This is a cheat sheet for all the VSCode users out there, these shortcuts can increase your speed and productivity!!

So let's start.

image

Command palette

Key Description
β‡§βŒ˜P Show all commands
⌘P Show files

Sidebars

Key Description
⌘B Toggle sidebar
---- ----
β‡§βŒ˜E Explorer
β‡§βŒ˜F Search
β‡§βŒ˜D Debug
β‡§βŒ˜X Extensions
⇧^G Git (SCM)

Search

Key Description
⌘F Find
βŒ₯⌘F Replace
---- ----
β‡§βŒ˜F Find in files
β‡§βŒ˜H Replace in files

Panel

Key Description
⌘J Toggle panel
---- ----
β‡§βŒ˜M Problems
β‡§βŒ˜U Output
β‡§βŒ˜Y Debug console
^` Terminal

View

Key Description
⌘k z Zen mode
---- ----
⌘k u Close unmodified
⌘k w Close all

Debug

Key Description
F5 Start
⇧F5 Stop
β‡§βŒ˜F5 Restart
---- ----
^F5 Start without debugging
---- ----
F9 Toggle breakpoint
---- ----
F10 Step over
F11 Step into
⇧F11 Step out
---- ----
β‡§βŒ˜D Debug sidebar
β‡§βŒ˜Y Debug panel

References

image


PLEASE FOLLOW, LIKE, SHARE, AND COMMENT ANY COMMAND YOU THINK I MISSED OUT!!

Thanks for reading!


⚑ Giveaway ⚑

We are giving away any course you need on Udemy. Any price any course.
Steps to enter the giveaway
--> React to this post
--> Subscribe to our Newsletter <-- Very important


Happy Coding.

Top comments (5)

Collapse
 
makeshift_name profile image
Alex Longsdale

I think you are missing a lot of basic shortcuts most devs would know.

Here is a link to a better guide - youtube.com/watch?v=Xa5EU-qAv-I

Collapse
 
garvitmotwani profile image
Garvit Motwani

I didn’t write them because they were so common!

Collapse
 
makeshift_name profile image
Alex Longsdale

But your post is about VS code shortcuts?

Collapse
 
thanhlm profile image
Thanh Minh

Hey you miss the most powerful one Cmd + D

Collapse
 
cadams profile image
Chad Adams