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 👌🏻

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

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

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

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.

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.

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

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!

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!

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!

Dominik Bartsch • Apr 18 '22

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

SPABOI • Apr 16 '22

Will definitely keep on exploring more helpful extensions or VS Code

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

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!

Arthur Nascimento Assunção • Apr 17 '22

Please try Github Copilot (need to subscribe for beta tester)

Tina Huynh • Apr 17 '22

Will look into it... is there only beta right now?

Arthur Nascimento Assunção • Apr 17 '22

Yes, but it's getting easier become beta tester.

Tina Huynh • Apr 17 '22

Ahh interesting

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.