DEV Community

Cover image for 21 VSCode Shortcuts to Make Coding Faster and More Fun

21 VSCode Shortcuts to Make Coding Faster and More Fun

jsmanifest on July 13, 2019

Find me on medium So you've installed some great tools or extensions to accelerate your development flow and are having a great time. That's great...
Collapse
 
_ronini profile image
Ronnie Villarini • Edited

Am I crazy or are a lot of the Mac commands supposed to be command not control?

Otherwise, good article! There were a couple here I haven't used yet, more shortcuts are always welcome.

Collapse
 
paulmichaelg profile image
PaulMichaelG • Edited

Not only that, but in my experience the Home and End keys don't typically work the way they're supposed to, or not at all, on my Mac.

So for shortcuts mentioned like "11. Select Everything to the Left/Right", I actually use the combo: CMD + Shift + Left/Right Arrow. Similarly with "16. Move to Beginning/End of File", it'd be CMD + Up/Down Arrow.

Looks like the only one that makes use of the CTRL key on Mac would be "14. Select In Words".

Collapse
 
thefern profile image
Fernando B 🚀

Haven't tried most of these, but I would assume is ctrl, lots of people remap Caps to Ctrl on mac.

I for one do because I use vim and most shortcuts are also with ctrl, not cmd.

Collapse
 
_ronini profile image
Ronnie Villarini

It appears it's cmd.
shortcuts pdf

Collapse
 
vjoao profile image
Victor Nascimento

Yea, I was thinking the same thing! Have all mine on cmd

Collapse
 
yevgalis profile image
yevgalis

So what's the shortcut for #4? Or am I just blind? 😅

Collapse
 
neverendingqs profile image
Mark Tse

Shift + Alt + Right Arrow according to ihatetomatoes.net/vscode-tips-sele...

Collapse
 
hellonearthis profile image
Brett Cooper

Shift + Alt + Right Arrow

Shift + Alt + Left Arrow

and on the mac...

Collapse
 
pzelnip profile image
Adam Parkin

Some great tips, one thing about the Material Theme accent colour is it affects more than just the underline of tabs. For example the font colour of the visual settings editor is changed by this. I personally couldn't find a colour that worked for me so uninstalled the theme, then was surprised that the highlight was still there.

I had to reinstall the theme, pick "remove all accents" then uninstall the theme to get rid of it.

Collapse
 
jsmanifest profile image
jsmanifest

Great information! I also realized that the color theme applied to other areas of the entire editor which is a huge plus. It's discouraging to know that the extension doesn't remove the changes though.

Collapse
 
maciekchmura profile image
Maciek Chmura

Great info! Thanks :)

BTW it's nice to se a Windows developer ;)

Collapse
 
thomasbnt profile image
Thomas Bnt ☕ • Edited

Hey thanks, and shortcut on Wbbstorm? On VSCode for indent my code to right of left I can TAB and for left UP + TAB

Collapse
 
lautarolobo profile image
Lautaro Lobo

Damn, that's too much of good info! Thanks!

Collapse
 
jsmanifest profile image
jsmanifest

No problem Lautaro! I hope the screenshots helped convey the importance of them as well!

Collapse
 
shakeeltariq profile image
shakeeltariq

Can't find the shortcut for #11

Collapse
 
jsmanifest profile image
jsmanifest

I have updated the post, thank you!

Collapse
 
j3ffjessie profile image
J3ffJessie

These are awesome. A lot of them I wasn’t aware of and will now be implementing going forward. Thank you.

Collapse
 
jsmanifest profile image
jsmanifest

You are very welcome! Enjoy!

Collapse
 
fischgeek profile image
fischgeek

A lot of these are not VSCode exclusive and can be done in most text/code editors. I would tempt you to add vertical select though. It’s probably my favorite. Nice collection! Thanks!

Collapse
 
angelarae63 profile image
Angela Whisnant

This is great! I added a few extensions, but had no idea how to make them work. This helps!😊

Collapse
 
seebar profile image
Christopher Barlow

Thank you so much. There were one or two shortcuts here i couldn't figure out.

Collapse
 
jsmanifest profile image
jsmanifest

That is awesome! Enjoy!

Collapse
 
jlyoungthe3rd profile image
Joe

Appreciate the tips and shortcuts

Collapse
 
jsmanifest profile image
jsmanifest

No problem :)

Collapse
 
hellonearthis profile image
Brett Cooper • Edited

.3 Process Explorer = not a vscode shortcut. Unless it could be launched within vscode terminal via a shortcut. And it doesn't....

Great collection of tips though. Thanks.

Collapse
 
persianironwood profile image
Reza Rajabi • Edited

Number #21 the first part is done via the shortcut , but how to jump to the end of the each string after putting the multiple cursors ?

Collapse
 
obapelumi profile image
Emmanuel

For #15 ctrl + shift + D was opening up my debugger shift + alt + down-arrow eventually worked for me

Collapse
 
emptyother profile image
emptyother

Can recommend the Contextual Duplicate extension. Got it bound to Ctrl+D myself (default is Ctrl+K D).

Collapse
 
lucasengel profile image
Lucas Engel

Love this article! Most of Mac shortcuts are wrong tho.

Collapse
 
mauri profile image
Mauri

Pff, excellent recommendations! Thanks man!