DEV Community

VSCode Extensions I'm in LOVE with

Tina Huynh on April 14, 2022

Table of Contents CodeSnap Colorize Beautify Live Server autoDocstring GitLens Remote - SSH .gitignore Auto Rename Tag CSS Peek Conclus...

Read full post

Nick Taylor • Apr 14 '22 • Edited

Nice list!

I was a huge fan of the Settings Sync extension for the longest time.

VS Code has native sync now, so the extension is no longer necessary. 😎

Looking forward to your next post!

Rishabh Rawat • Apr 15 '22

I've recently used settings sync to clone my VSCode setup onto the new laptop. It makes things really seamless 👌🏻

Jeremy Friesen • Apr 14 '22

It's always great seeing the list of extensions that folks love. Even as an Emacsian, seeing how others are using their editor helps me envision what may be worth looking to add / experiment with in my text editor.

Christian Foster • Apr 14 '22

Emacsian 😂 I just thought of another one, emacsimalist. Cool kids use emacs or vim.

Jonas Petri • Apr 15 '22

How do you call someone that uses VSCode then? VSCoder? That sounds lame.

Jeremy Friesen • Apr 15 '22

A VSCodeller (as in yodeling?)

Jonas Petri • Apr 15 '22

Good list! I use several of these! For Live Server, you should try Five Server instead. Live Server is no longer maintained, and Five Server also has some other nice features like updates WITHOUT saving.

Julio Andre • Apr 19 '22

Well, the last release is from March... Look: github.com/ritwickdey/vscode-live-... so it is maintained.

Jonas Petri • Apr 19 '22

Yeah ok, it is maintained, but Five Server still has more features.

Tina Huynh • Apr 15 '22

Noted! Thanks <3

max • Apr 18 '22

Great article, there's a couple I didn't know but will definitly check out.

(Also, some of the picture aren't explicit enough, IMO :3) but still thanks for sharing.

Here's a couple I use a lot :

Better comments > simple syntax for colored comments
Bookmarks > easily jumps accross file or files
change-case > Easily switch from one case to another, oh god so much time gained
eslint > JS linter
indent-rainbow > Helps for indentation
Markdown > documentation made easy
- all in one
- preview enhanced
- lint
Material Icon Theme > Better browser tree
Todo Tree > Set "TODO: " as comment for stuff to do later, and this plugins help retreiving all
Toggle quotes > So much time gained too. In one shortcut circle through ' > " > `

Have a good day :)

Tina Huynh • Apr 18 '22

Thanks for the suggestions

Gene Smith • Apr 16 '22

If you are looking for a lightweight replacement for Postman, you should really check out Thunder Client. Indispensable for testing APIs within VSCode. thunderclient.com/

Tina Huynh • Apr 16 '22

Oh thank you! Will definitely look into it

Paramo9 • Apr 21 '22

I really love Tabnine, it's a really really good AI assistance for fast coding, it predicts code such as name functions, parameters, string structures, and things like that, it's perfect if you like the "snippet" thing, it really saves much time. Here's the link:

https://www.tabnine.com/install/vscode?utm_term=&utm_source=google.com&utm_medium=cpc&utm_campaign=14854202152&utm_content=&gclid=Cj0KCQjw3v6SBhCsARIsACyrRAmN2fqJIWFS5PQt9yL7mcmAEm-tfFaAcgngcno9LqkZtDRNr5Uuom4aAjEfEALw_wcB

Tina Huynh • Apr 21 '22

Thanks for sharing!

Mahfoudh Arous • Apr 17 '22

nice list, I installed codesnap. I use also "Path Intellisence", "HTML End Tag Labels", "Live Sass Compiler", "indent-rainbo":
marketplace.visualstudio.com/items...
marketplace.visualstudio.com/items...
marketplace.visualstudio.com/items...
marketplace.visualstudio.com/items...

Tina Huynh • Apr 17 '22

Oooo interesting thanks for sharing

Duy K. Bui • Apr 16 '22 • Edited

No. 8: As many people mentioned, this is now a built-in feature.
No. 9: I'd suggest Auto Complete Tag bundle, which also includes Auto Close Tag from the same author of Auto Rename Tag.

Toni • Apr 16 '22

If you're a TS / JS dev like me:

ESLint
Prettier

If you're an Angular dev like me:

Angular Extension Pack

Anyone:

GitLens
Github Copilot (at the moment you need to be accepted for beta testing i guess)

Tina Huynh • Apr 17 '22

Thanks for the suggestions!

Rabeeh Ebrahim • Feb 13 '23

I would like to add bookmark extension. It's really handy. You can book mark lines of code and give label to it. And find them on bookmark tab on the left side of the panel. Great list btw!

Kade Esterline • Apr 14 '22

I hadn't heard of most of these, thanks for sharing!

Tina Huynh • Apr 15 '22

Of course! Glad it was helpful

SPABOI • Apr 16 '22

There’s also a monokai theme extension which I personally love and use while coding

Tina Huynh • Apr 16 '22

I'm trying to look for a better icon and overall theme :/ I'm not very satisfied with mine at the moment. If anyone has any suggestions, I'd greatly appreciate it!

SPABOI • Apr 16 '22

Will definitely keep on exploring more helpful extensions or VS Code

Dominik Bartsch • Apr 18 '22

I use the material icons addon now for quite some years and like it very much.

Gustavo Vasquez • Apr 16 '22

I moved my settings a few weeks ago to the native setting sync included in vscode. Best decision of 2022, really easy to use and it synchronize with all my computers automatically.