Visual Studio Code Tips, Tricks, Keyboard Shortcuts and Features Tutorial (VS Code)

These are some of my favorite tips and tricks I've picked up after using VS Code for the past 4 years.

My React snippets:

Generate Your Own Snippets:

0:00 Intro
1:08 Switching Between Tabs/Files
6:31 Sidebar & Terminal
8:04 Markdown Live Preview
9:44 Regular Expression Multi-Cursor Edits
12:55 Emmet
15:08 Tab Triggers / Snippets
21:12 Symbol Document Outline
22:28 Copying & Moving Lines
24:21 Automatic Indenting
26:48 Font Ligatures / Symbols

Follow me for updates on new videos or projects:

[XerosXIII]

You're the classiest webdev teacher on the internet, keeping it simple, no bloat, all real

[malte]

I really found this much more useful than the majority of the VS Code tips videos I have seen so far. Great job!

[Tux.Penguin]

This is very valuable time-saving information!
I’m marking this video so I can come back and review it repeatedly over the next couple weeks!

[johnravi]

Hi Brad,

What a great video! Thanks a lot for sharing your insights. I recently tried Visual Studio and I learned a lot from your resource. I think it is a great thing that you stuck to this for four years and decided to share all the tips and shortcuts with the users. It would have taken me the same amount of time to figure all of them out myself. You helped a lot with this video, and I will definitely share this within my network to help others with these shortcuts as well.

[Icalurable]

Just landed on our videos. Excellent resource. I'm looking forward to learning a lot from you. Thanks so much!!

[fezanbhatti]

I swear he is an incredble tutor. I purchased his video tuts on udemy and he is amazingly awesome teacher. Highly Recommended.

[logicunleashed]

His presentation is what makes him unique!

[alessandroferrari]

nice video, thank you! small suggestion: display with overlay text the shortcuts you are describing

[melancholy-engineering]

About switching files with TAB. It works like this because most of developers could work only on 2 files in the same time. For example you writing tests for particular file with code, and you definitely don't want to TAB TAB TAB to get to your test file and other one every time. Thats why it works based on recent editing.

And thanks for the video!

[baz_sh]

Cool video. I'm a VSCode power user and it's been my main editor for quite a while. One thing I hadn't done before is explore the snippets. I got a lot from this, thanks for making it 👍🏼

[thinksea]

by watching your video helps me resolve my questions in head for several months, it really helps me a lot, thanks a lot ser : )

[ben]

you helped me a lot with that "option +tab" shortcut customization, which will make my experience on VS code similar to the one I am having on chrome or any other software that deals with tabs, thank you a lot ❤

[daviddwq]

[ctrl+shift+o] That one made my day! Thanks so much Brad as always enjoying your videos so much!

[lemonjuice]

LOL 19:32 MEOOOW (in the background)... useful + well presented as always, many thanks from Serbia

[beor]

The standard ctrl+tab behaviour is the same as in the Visual Studio, it makes sense when you're coding and you tend to swap between two specific files.
That way you don't even need to pay attention to which file ctrl+tab will take you, because you will be taken to the last file visited, which probably is where you would like to go.

[kcvinu]

Thanks for the video. Combing regex with multi cursor makes me a ninja !!

[timwilliams]

It's just you... recency is cool... alt-tab for switching Windows apps is like that. 100% natural and convenient. I like your vid. Thanks.

[tapusahemmed]

you are great instructor I have ever seen.

[syedmaji]

i just stand up and start clapping for your amazing video....keep going.

[scottstanton]

Great, helpful video.

Would be great to have a video for setting up a development environment with VS code, that included all the setup for debugging plugins where no/limited UI involved, using stepping through code etc.