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
 
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
 
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
 
maciekchmura profile image
Maciek Chmura •

Great info! Thanks :)

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

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
 
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
 
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
 
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
 
thomasbnt profile image
Thomas Bonnet • • 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
 
shakeeltariq profile image
shakeeltariq •

Can't find the shortcut for #11

Collapse
 
jsmanifest profile image
jsmanifest •

I have updated the post, thank you!

Collapse
 
jlyoungthe3rd profile image
Joe •

Appreciate the tips and shortcuts

Collapse
 
jsmanifest profile image
jsmanifest •

No problem :)

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
 
mauri profile image
Mauri •

Pff, excellent recommendations! Thanks man!

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
 
lucasengel profile image
Lucas Engel •

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