VS Code shortcuts & tips to help you work faster

🔗 Links


⌚ Timestamps
00:00 - Introduction
00:42 - Select matching instances of your selection
01:45 - Select an entire word or full line
03:45 - New line and move cursor up
04:35 - Copy selection up or down
05:25 - Scrolling with the keyboard
06:06 - Move your sidebar

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[Thomas_]

1:25 while selecting with CTRL+D, if you want to skip a match, you can use CTRL+K, CTRL+D

[CSSWeekly]

Thank you so much for sharing my video and channel, Kevin! I really appreciate it! 🙏

And I’m thrilled to hear that you found moving the sidebar to the right useful. I did pick it up from someone (years ago), but I can’t remember from who or where exactly. 🙂

[JoveJonovski]

Great tips as always! But I want to point something out. At 6:02 after scrolling up you can just CTRL+G and type page number instead of going for mouse to select the line :) Cheers

[CorCronje]

Great tips! Thanks Kevin. Another useful shortcut I like to use is CMD+P and then typing the filename, for quickly opening a file, thus I can keep the file explorer hidden most of the time.

[msitman]

Thanks Kevin, I'd add Ctrl+Shift+k to delete a line has a lot of use also

[stDay]

Sidebar on the right is 🔥 (I learned that from Engineering with Utsav). Great video Kevin!

[PeppertopComics]

After using Ctrl-D to select multiple items you also now have multiple cursors you can move around. So instead of typing "span-4" in full you can just press the right arrow to remove the selections but leave the cursors in place, then backspace to delete the "3" before typing "4". It only saves a few keystrokes in this example, but can save a lot more in many cases.

[gimpinator]

It's funny to see you make a video as such about productivity and shortcuts, because I am just preparing a presentation on my own company intern about that stuff next month. 😄
Besides your good points and the nice tips of the others I have one thing i personally find very handy when you get used to it.
And that's the "Pos1" & "End" keys. In combination with the selection with the "Shift" key that another commenter pointed out, it can be very helpful to select code and navigate rapidly throught the code.
And two little FYI for all, I find handy very often:
- Set your curson on one line or select a bunch of code and use "ALT" and the arrow keys to move the lines where you want them.
- And if you happen to land your hand on your mouse accidentaly, you can use the mousewheel to multi-line cursors, for e.g. rapid changing of 20 commas at the end of the line to semi colons.

Sorry for the long reading.
Hope this helps some of you. 🙂

[dungmidside]

Great tips, I've been using VSCode for 4 years now and still amaze with these tips

[shahidshafi]

Thanks for this shortcut I was looking for this shortcut from about a month.

[nagendradevara]

Can't wait to use these shortcuts ‼

[SerilaBuck]

my favorite shortcut is to set the "wrap with emmet" shortcut (it doesnt have any defaut shortcut) .

i do a selection then my shortcut that I set(cmd + maj + a), an input field appear and I can write the emmet code that will wrap my selection (like )
I also do sometime just do the short where my cursor is at (without a selection) to make the emmet inout appear, and write my emmet code, and in real time see the result of it.

[jesuselyizux]

Thanks for sharing all these tips!! :)

[ThuongNguyen-kmvg]

It's really useful for me. Thank you

[adryelbarros]

Ctrl+shift+p > wrap with emmet
Quick way to put a div (or any other emmet abreviation) around the selection
If it is the last used command, just do ctrl+shift+p enter

[frittex]

I needed that video for so long now. Thank you!

[bogush]

thanks for all the tips. you are superhelpful

[SlimBloodworth]

Man, I love the sidebar on the right! It keeps it out of my way and I can forget about it until I need it.

[blackbeardbastard]

S-tier video! Thanks for all the tips!

[robbiedavey]

Some of my favourite things are in the Keyboard preferences setting the Inward and Outward keybindings as then it will allow you select blocks of code.

Then also on Mac holding option and up/down to move a line of code up or down the file