DEV Community

loading...
Cover image for VS Code Shortcut Cheat Sheet🔥 - Productivity boost 🚀
World In Dev

VS Code Shortcut Cheat Sheet🔥 - Productivity boost 🚀

garvitmotwani profile image Garvit Motwani Updated on ・1 min read

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.

Discussion (5)

pic
Editor guide
Collapse
thanhlm profile image
Thanh Minh

Hey you miss the most powerful one Cmd + D

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 Author

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
chadalen profile image