DEV Community

Cover image for 🀩 Best VS Codes Extensions πŸ›  Every Developer Should Use in 2024

🀩 Best VS Codes Extensions πŸ›  Every Developer Should Use in 2024

ThemeSelection on August 24, 2020

Are you looking for amazing VS Code extensions for your web app? Then Here is the amazing collection of the best vs code extensions of 2024. VS Co...
Collapse
 
king11 profile image
Lakshya Singh

Thanks for this post it's really amazing although I do feel that settings sync is no more needed because in latest vscode update they have started providing it by default

Collapse
 
theme_selection profile image
ThemeSelection

Is it available now in the latest versions? I have heard about that that they will be going to provide it built-in.

Collapse
 
king11 profile image
Lakshya Singh • Edited

Yeah it rolled out in july release i guess and i recently started using it

Thread Thread
 
theme_selection profile image
ThemeSelection

Great! I wasn't aware. Let me try and will update the post accordingly.

Collapse
 
andreabaccolini profile image
Andrea

It is released but it is a preview feature

Collapse
 
vrushank profile image
vrushank • Edited

I agree!! Have you tried the default settings sync by vscode? How efficient and reliable is that?

Collapse
 
king11 profile image
Lakshya Singh • Edited

Yeah i guess it's cool although i am yet to try how the sync works when i switch or remove my OS and reinstall VS code but atleast you don't see that terminal opening up again and again telling you its uploading your new settings

Thread Thread
 
michaelcurrin profile image
Michael Currin

The older extension has quiet mode! Try it out in settings.json

Thread Thread
 
king11 profile image
Lakshya Singh

Ohh thanks for informing

Thread Thread
 
michaelcurrin profile image
Michael Currin
{
    "sync.quietSync": true
}
Collapse
 
awesomeironman profile image
Cyrus Gracias

Try "Tab Nine" Extension which provides better intellisense/faster code complete
They say it uses ML
I find it provides very accurate predictions

Collapse
 
nasimuddin profile image
Nasim Uddin

But the only problem of " Tab Nine" is it uses too much memory. Otherwise it's a cool code completion extension.

Collapse
 
awesomeironman profile image
Cyrus Gracias

Ohh I didn't any face memory issues while working with it
I have 8GB ram with chrome, vscode, other small tools open at all times
And I'm working on a big website project

Thread Thread
 
nasimuddin profile image
Nasim Uddin

Don't know why I had faced this problem. Ok I will try Tab Nine again, thanks😊

Collapse
 
robole profile image
Rob OLeary • Edited

Markdown All in One is a bit too much of a kitchen sink approach for my taste. If you just want to choose specific extensions for what you need in markdown, try the following:

  • Marky Dynamic: Table of Contents and other dynamic content. It will auto-update on save.
  • Markdown Snippets: Extended Markdown snippets for quickly adding tables and task lists.
  • Marky Edit: Toggle-style editing.
Collapse
 
felixhaeberle profile image
Felix HΓ€berle

i18n folks: The Inlang VS Code extension we are building has been a lifesaver for me in handling i18n complexities. It's effortless to translate, detect missing translations, and update content seamlessly within my VS Code. There is also a typesafe JS library and a CLI for machine translations.

Collapse
 
enguerran profile image
enguerran πŸπŸ’¨

Thank you for the selection. Some were already in my installed list (this is a proof of the selection quality πŸ˜‹).

By the way, the author of Bracket Pair Colorizer recommends v2: marketplace.visualstudio.com/items...

  • Differences between v1 and v2?
    • v2 Uses the same bracket parsing engine as VSCode, greatly increasing speed and accuracy. A new version was released because settings were cleaned up, breaking backwards compatibility.
Collapse
 
valeriopisapia profile image
Valerio

Awesome thanks 😊

Collapse
 
theme_selection profile image
ThemeSelection

Welcome πŸ™

Collapse
 
im6h profile image
Vu

If you want watch time log of project, language, time code in the day, the week, I recommend Waka plugin. Error Lens plugin: Improve highlighting of errors, warnings and other language diagnostics.

Collapse
 
madza profile image
Madza

awesome list πŸ‘Œ
be careful with Quokka tho, as you can mess up the code pretty quickly if you experiment with it in different parts of code simultaneously πŸ˜‰

Collapse
 
theme_selection profile image
ThemeSelection

Thanks, Madza, for sharing your thoughts and experience with Quokka.

Collapse
 
andrewbaisden profile image
Andrew Baisden

Great article I already have a few of them installed.

Collapse
 
alexomeyer profile image
Alex Omeyer

I'd add Stepsize extension that allows you to bookmark code and report technical debt and code to refactor: bit.ly/3vVZsis

A must for any engineering team who wants to be more productive!

Collapse
 
theme_selection profile image
ThemeSelection

Great, will check, verify and add it.

Collapse
 
andreasneuman profile image
andreasneuman
Collapse
 
tomaszs2 profile image
Tom Smykowski

Did you hear about Assistant? dev.to/tomaszs2/i-ve-wrote-an-exte...

Collapse
 
michaelcurrin profile image
Michael Currin

Thanks for sharing.

I cover most of those in my list here though without the GIFs.

gist.github.com/MichaelCurrin/e1f0...

Collapse
 
alexantra profile image
Alex Antra

Amazing Article, have downloaded a few :)

Collapse
 
xmariopereira profile image
Mario Pereira

Still I can’t run unit test like webstorm :/