DEV Community

Cover image for 10 Must have VS Code Extensions for Developers in 2024

10 Must have VS Code Extensions for Developers in 2024

Durgesh kumar prajapati on March 11, 2024

The are some favous and most used VS Code Extensions for Developers are as follow: Material Icon Theme Enter fullscreen mode ...
Collapse
 
pavelee profile image
Paweł Ciosek • Edited

Thank you for the post! 👏

There are small mistakes to fix, to make it even better:

  • you have listed two times "Material Icon Theme" 🫣
  • Vs Code has built in bracket pair colors, extension "Bracket Pair Colorizer" has been deprecated: Image description
Collapse
 
ashishxcode profile image
Ashish Patel

Use Indent Rainbow by @orderwat

Collapse
 
lupree profile image
Luca Ramseyer

Bracket Pair Colorizer is deprecated because it is now a native feature in vscode. No need for any extension for this anymore.

Thread Thread
 
anmolbaranwal profile image
Anmol Baranwal

Yep! I've used it and it's very helpful.

Collapse
 
devjah profile image
Eugeniu

Sorry, looks like this list was compiled in a randomizer...

  • Bracket pair colorizer is built-in;
  • Recommending subjective themes as "must haves" is questionable, and it’s listed twice
  • Also, tabnine is the worst extension here, I would avoid it at any cost
Collapse
 
dasheck0 profile image
Stefan Neidig

Thought so too. Came here for this comment.

Collapse
 
lovestaco profile image
Athreya aka Maneshwar • Edited

Quokka is nice, just tried it out :D

I also commented on another thread, just copy-pasting it might help you

I'll share a few extensions which helped me.

  1. Name: autoDocstring - Python Docstring Generator Link: marketplace.visualstudio.com/items...
  2. Name: Better Comments Link: marketplace.visualstudio.com/items...
  3. Name: Code Spell Checker Link: marketplace.visualstudio.com/items...
  4. Name: Color Highlight Link: marketplace.visualstudio.com/items...
  5. Name: Image preview Link: marketplace.visualstudio.com/items...
  6. Name: Live Preview Link: marketplace.visualstudio.com/items...
  7. Name: VSCode Great Icons Link: marketplace.visualstudio.com/items...
  8. Name: WakaTime Link: marketplace.visualstudio.com/items...
  9. Name: Window Colors Link: marketplace.visualstudio.com/items...
  10. Name: Remote - SSH Link: marketplace.visualstudio.com/items...
  11. Name: Lama2 Collaborative API Client Link: marketplace.visualstudio.com/items...
Collapse
 
yeasin2002 profile image
Md Kawsar Islam Yeasin

Quokka is good, but Console Ninja is a much better option.

Collapse
 
ashishxcode profile image
Ashish Patel

Here are the fews which should be in the list

  • Todo Highlights
  • Git Lens
  • colorize
  • Code spell checker
Collapse
 
perisicnikola37 profile image
Nikola Perišić

I would like to suggest more cool extensions to try out :)

  1. Code Spell Checker
  2. CodeSnap
  3. Import Cost
  4. Markdown Preview
  5. Turbo Console Log
  6. Bookmarks
Collapse
 
walfal profile image
Walfal • Edited

With error lens, no need to hover the errror, it's inlined in the code!
You can also match colors in indent rainbow and in params of bracket pair colorizer (directly in vscode config) to see easily where you are. Indent rainbow also helps when you choose a 2 spaces indentation.
For me, better comments is a must have to highlignt importants comments, TODO, etc.
Code runner can be useful if you want to run quickly small programs.
GitLens to see faster who has made a modification so I can ask him directly.

Collapse
 
_michellemello profile image
Michelle Mello

Wow! That's amazing! I'm love trying new extensions in VS Code and your post is going to help me so much. I didn't know some of the extensions you listed here. So thank you so much! :D

Collapse
 
luqiudi profile image
luqiudi

tabnine ,emmmm,not so smart= =

Collapse
 
shubham-kumar-sinha profile image
Shubham Kumar Sinha

"Bracket Pair Colorizer" This extension is deprecated as this functionality is now built-in to VS Code.

Collapse
 
kevinbism profile image
Kevin Ramirez

I also use Auto Import, Better Comments, Error Lens, Highlight Matching Tag, Import Cost and so on.

Collapse
 
gauharnawab profile image
gauharnawab

Great list! Thanks for sharing these must-have VS Code extensions. I'll definitely check them out to enhance my development workflow. 💻🚀

Collapse
 
vilourenco profile image
Vini Lourenco

Nice!
I've been using some of them, the ones I don't know, I'll start trying!

Collapse
 
saman16 profile image
Saman Kushwaha

there is also blackbox extention similar to TabNine

Collapse
 
as1508 profile image
Sebastián Martínez

Thank you for the post! 👏

Collapse
 
sectasy0 profile image
sectasy
Collapse
 
xanwtf profile image
Xan

There's a keyboard shortcut to jump your cursor to the matching bracket, and Bracket Pair Colorizer is deprecated and now built into VS Code.

Collapse
 
drishaolin profile image
Adriana Mucciolo

I love Codeium! It is a great free alternative to github copilot. Completes and explains blocks of code

Collapse
 
ngud0119 profile image
Ngu.D.@ce

Awesome,

Collapse
 
nd3w profile image
nd3w

You have Material Icon Theme twice.