DEV Community

Cover image for 23 lesser known VS Code Shortcuts as GIF

23 lesser known VS Code Shortcuts as GIF

Andreas on January 07, 2020

Despite many shortcuts I'm using frequently in VS Code, the following ones can come in very handy but I'm often forgetting they even exist. I made ...
Collapse
 
peacefullatom profile image
Yuriy Markov •

Cool article! 👍
If will be nice to add a MacOS shortcut as well.

Collapse
 
devmount profile image
Andreas •

Thank you! As I wrote at the top of the article:

I use VS Code on Windows here, if you are on a Mac, most of the Shortcuts should work using ⌘ for CTRL, ⌥ for ALT and ⇧ for SHIFT.

Collapse
 
peacefullatom profile image
Yuriy Markov •

That's not always correct. You can check out my post about shortcuts in Visual Studio Code
dev.to/peacefullatom/productivity-...

Thread Thread
 
devmount profile image
Andreas •

Nice article layout and many thanks for the feedback! I will see how I can include MacOS shortcuts as well!

Thread Thread
 
peacefullatom profile image
Yuriy Markov •

You're welcome!
Tip: you can ask the community to help you 😊

Thread Thread
 
devmount profile image
Andreas •

Updated the article accordingly 😇

Collapse
 
grahamdyson profile image
Graham Dyson •

I stopped plugging in a mouse, touchpad etc several months ago on my dev machine (I do have a mousekeys AutoHotkey script). It definitely encouraged me to find those keyboard shortcuts. Not so good for web browsing tho. VSCode is probably going to wear out my F1 key! 😄⌨

Collapse
 
devmount profile image
Andreas •

Wow, not using a mouse at all is impressive! 😲👏🏻 Maybe I'll try that too sometimes!

Collapse
 
grahamdyson profile image
Graham Dyson •

I do also have a portable with touch screen and pen to do any graphics and cad stuff on. But just a keyboard front and centre on the dev desktop 😇
my mousekeys script is on the following gist if you ever want to try it out: gist.github.com/grahamdyson/3029ef...

Thread Thread
 
devmount profile image
Andreas •

Cool! Thank you for sharing!

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe •

Wow. I always wondered how to select a line using a keyboard. It's so simple and easy shortcut for which I had to point to the line and then select it using the cursor. This will save a lot of time. Also, that open in explorer shortcut is also a great one. Thanks for this!

Collapse
 
devmount profile image
Andreas •

I'm really glad it's useful for you! It was the same here before I knew that line selecting shortcut 😅

Collapse
 
albertochiesa profile image
Alberto Chiesa •

I prefer the use of HOME and END to go to start/end of line, coupled with SHIFT when I need to select. So HOME, followed by SHIFT-END is just the same as select line, and a lot easier to memorize, for me.

Collapse
 
shmink profile image
Tom Nicklin •

Select some characters, a var name or whatever. ctrl+D is my favourite, although not the quickest way, to select the next occurrence of what you currently have selected. Habits I guess.

Collapse
 
shaijut profile image
Shaiju T •

Thanks , this will be great help. Curious to know which shortcuts do you use frequently in your work ?

Collapse
 
devmount profile image
Andreas • • Edited

You're welcome. Sure, I highlighted them for you:

Frequently used shortcuts by devmount in VS Code

Those are the shortcuts I use every day.

Collapse
 
shaijut profile image
Shaiju T • • Edited

What about Ctrl +` - Shows integrated terminal ? By the way thanks for the image. Appreciate 😄.

Thread Thread
 
devmount profile image
Andreas •

Also a good one, but I don't need it since I have the integrated terminal always open in each of my workspaces 😇

Thread Thread
 
kvnloughead profile image
Kevin Loughead •

Ctrl +` also selects the terminal, which is great for rapid fire git commits! Etc.

Thread Thread
 
devmount profile image
Andreas •

Awesome, didn't know this 👏🏻

Collapse
 
10xgeek profile image
Henry •

What software or tool did you use to display those keyboard shortcuts on your screen as you typed them?

Collapse
 
devmount profile image
Andreas •

I'm using ScreenToGif. It's a really useful open source tool to quickly create screencasts. The shortcuts can to be inserted in editing mode.

Collapse
 
10xgeek profile image
Henry •

Thank you so much!!

Thread Thread
 
devmount profile image
Andreas •

You're welcome 😊

Collapse
 
russ profile image
Russ •

Great read, thank you for sharing! Now I just need to practice some of them to help remember them.

Collapse
 
devmount profile image
Andreas •

You're welcome! So do I 😅

Collapse
 
russ profile image
Russ •

After I read the article I immediately needed to use one of them and forgot the shortcut but remembered it's possible 😬

Thread Thread
 
devmount profile image
Andreas •

😂 Well, do this a couple more times and you won't forget anymore 😅

Collapse
 
ndkhoa1011 profile image
Nguyen Duy Khoa •

Thanks a lot

Collapse
 
devmount profile image
Andreas •

You're welcome ☺️

Collapse
 
herobank110 profile image
David Kanekanian •

Actually, the fastest way to switch tabs without using the mouse is using Alt + {n} where n is the tab index.

Collapse
 
devmount profile image
Andreas •

Agreed! Thank you for this addition!

Collapse
 
klukiyan profile image
Kiril Lukiyan •

This is a collection of good and useful shortcuts for everybody. Though they are not lesser known. Using 95% of them all the time since switching to vscode

Collapse
 
devmount profile image
Andreas •

Thank you for your feedback! So you're a real VS Code pro user! Which command didn't you already know (the 5%)?

Collapse
 
klukiyan profile image
Kiril Lukiyan • • Edited

3)CTRL+R (such a good one, I somehow didn't know or think about it before)
19)CTRL+K CTRL+X

Thread Thread
 
devmount profile image
Andreas •

Well so I'm glad, that there were at least 2 shortcuts that were helpful for you too 😅

Collapse
 
nickytonline profile image
Nick Taylor •

Learnt some new shortcuts. Thanks for sharing!

Collapse
 
devmount profile image
Andreas •

So cool! I'm happy it's useful for you!

Collapse
 
edydeyemi profile image
Edydeyemi •

Thanks. This will come in really handy

Collapse
 
devmount profile image
Andreas •

You're welcome, I'm glad it helps!

Collapse
 
chrislutz profile image
Christian Lutz •

Good work! 👍

Collapse
 
devmount profile image
Andreas •

Thank You 😊

Collapse
 
unfor19 profile image
Meir Gabay •

This is how a tutorial should be written, well done. Thank you

Collapse
 
calvinoea profile image
Calvin •

Thank you! Great tips!

Collapse
 
devmount profile image
Andreas •

You're welcome 😊

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
devmount profile image
Andreas •

You're welcome - I'm glad you like it! 😊

Collapse
 
vivek1hk profile image
Vivek KrishnaKumar •

This is so useful

Collapse
 
khrome83 profile image
Zane Milakovic •

Really great write up. Thank you!

Collapse
 
randxmpch profile image
r •

Useful article ! Didn't even know there was a Zen Mode 🤷‍♂️

Collapse
 
devmount profile image
Andreas •

I'm glad it was helpful 😊

Collapse
 
b4two profile image
Batuhan •

Thanks for the tips mate <3

Collapse
 
devmount profile image
Andreas •

You're welcome! 😊

Collapse
 
sairamnagothu profile image
SairamNagothu •

Great job..

Collapse
 
devmount profile image
Andreas •

Thank you 😊

Collapse
 
randomrambler profile image
Random Rambler •

Thank you. You inspired me: dwim.nl/2020-01-16-VSCode%20shortc...

I was wondering: Do you (or anyone else) know of a VSCode extension that advices on shortcuts for actions you perform often?

Collapse
 
devmount profile image
Andreas •

Cool! 👏🏻 I'm glad it's useful for you!

I don't know an extension, but if you perform an action with the command prompt CTRL+SHIFT+P you can directly see the defined shortcuts on the right:

command prompt shortcuts

Collapse
 
oananbeh profile image
Obieda Ananbeh •

Thank you!
This is awesome

Collapse
 
devmount profile image
Andreas •

I'm glad you like it 😊

Collapse
 
prscllag profile image
Priscilla •

This was super helpful, thank you! I enjoyed your use of gifs to show the shortcuts in action 😃 bookmarking this for later.

Collapse
 
devmount profile image
Andreas •

Awesome 👍🏻 Happy to oblige!

Collapse
 
ironcladdev profile image
IroncladDev •

How did you make those
GIF images?

Collapse
 
devmount profile image
Andreas •

See this answer:

I'm using ScreenToGif. It's a really useful open source tool to quickly create screencasts. The shortcuts can to be inserted in editing mode.

Collapse
 
devmount profile image
Andreas •

💪🏻👌🏻

Collapse
 
whatthehanan profile image
Hanan Hamza •

for the "go-to-line" you can also do ctrl+p and then :{line_number}

Collapse
 
devmount profile image
Andreas •

Which is why I wrote at the end of point 5:

This is the shortcut for typing CTRL+P :.

👍🏻

Collapse
 
aardaipek profile image
Arda İpek •

Thanks a lot Andreas 👍

Collapse
 
devmount profile image
Andreas •

My pleasure 😊