20 Essential VS Code Extensions In 2024

20 extensions for Visual Studio Code to increase your productivity.

Check out my courses:

Social Media:

Timestamps:
00:00 - Intro
1:08 - Prettier
1:56 - GitHub Copilot
3:05 - Live Server
3:35 - Multiple Cursor Case Preserve
4:29 - Git History
4:48 - Git Lens
5:26 - Code Runner
5:49 - Markdown Preview Enhanced
6:21 - Console Ninja
6:56 - RegEx Snippets
7:30 - Polacode
8:05 - Code Spell Checker
8:53 - Document This
9:19 - ChatGPT
9:57 - Peacock
10:41 - Postman
11:17 - REST Client
11:45 - Bookmarks
12:07 - Codiumate/Codium AI
12:44 - Quokka
13:24 - Wrap Up

[TraversyMedia]

Let us know which VS Code extensions that you use daily

[bobdpa]

Always nice to see videos from Traversy. I'm 10 years into my career and absolutely would not have learned as much as I did without Brad. Thank you!

[philipbollen]

In my base profile I always include 3 must-have extensions,
- Better Comment, and whenever I include custom comments I make sure to save them in the workspace so everybody has the same highlighting
- Path intellisense, although not always needed whenever you start using paths in a project this one saves my time
And the best for last,
- Sonarlint, I absolutely love this extension, it works for multiple languages, and tells me all the code-smells which are in my projects (plus a simple page why it's bad and what it should be)

[outis]

Oh my god Multiple cursor case preserve is a game changer, I literally run in to this problem almost every day, THANK YOU

[stefangajic]

Material Icon Theme, Image preview, Color Highlight, Auto Rename Tag, Auto Close Tag... Some simple extensions that make my life easier.

[KloudCreative]

Looking good, Brad. I haven’t seen a vid pop up in quite some time.

[vr]

I have been your subscriber since the start of my career. It is always so nice to watch your videos. I see you shed a lot of weight. Keep going man. Love everything that you do for the community.

[aronstone]

Awesome Video. Here are other good general Extensions I use:
1. Auto Close Tag - Automatically add HTML/XML close tag
2. Better Comments - create more human-friendly comments
3. Black Formatter - Python Text Formatter
4. Color Highlight - css/web colors found in your document.

[outis]

I recently started using Git lens at work, it's a must have for when working in a team

[dlouhavideacz]

Thanks Brad, you and Will are actually my gurus and mentors.

[bennyvalentine]

Dude you look so healthy. I took a 3 year break from coding its good to see you.

[MK-Turtles]

It is always a pleasure to see a new video from Traversy! Thanks!

[craigleppan]

Thanks, keeping me in tune like you always do. Great.

[AlVerGmz]

Really appreciate the one "Multiple cursor case preserve" existing, thanks for the video and for letting me know it existed.
Couple of them not mentioned here really good for me would be:
- CodeMetrics - for code complexity
- indent-rainbow - to add colors to the tabs of your file so you know what's the beginning and what's the end in a function with multiple ifs for example
- Template String Converter - if you type ${ inside a simple quote with " or ' it will transform it to ` so you don't need to go and do it yourself everytime

[dancehalllyrics]

For the screenshot extension, I use one called Snipped. It works mostly in the same way as Polacode (which I didn’t know of beforehand), but the benefit of Snipped over Polacode is that it actually takes a screenshot of the code you’ve highlighted (or the entire file by default, if no specific part of your code has been selected).

[MateuszModrzejewski]

Great video as always! I've been looking for something like Polacode for a while now. Will give some of the other ones a try as well 😀

[BRBS]

Reopen closed Editor is like reopening a closed tab in browser. Very useful if you accidentally closed a file and quickly want to reopen it (also uses the Ctrl + Shift + T shortcut like in a browser).

[kerimtim]

Brad. Thank you so much, your content is undeniably great and to the point!

[theDanielJLewis]

Great list! I added several of these. I especially like Multiple Cursor Case Preserve, which is going to be such a timesaver for me!

Note on the Postman extension. After months of frustration, I found that _it_ was the reason the Refresh Browser extension wasn't refreshing when I would press Cmd-R.

[cbbcbb]

Why does Visual Studio Code have such a large number of extensions and other editors do not?