DEV Community

Cover image for My Top 10 Visual Studio Code Extensions

My Top 10 Visual Studio Code Extensions

Amy Oulton on January 05, 2022

This article was originally published on CodeCast. Visual Studio Code is one of the most popular code editors and a general favourite among deve...
Collapse
 
jiayi profile image
jiayi

Bracket Pair Colorizer 2 It's been abandoned.

Vs Code already supports this feature

Collapse
 
amyoulton profile image
Amy Oulton

I just saw this prompt myself - that's good to know!

Collapse
 
ritvikbithub profile image
Ritvik Github

Oh

Collapse
 
resourcefulmind profile image
Opeyemi Stephen

Thanks for this Amy. I already have prettier, ESlint, live server and Git Lens but thanks to you my workspace is no longer lookinf boring as I just installed the Andromeda theme. It's pretty nice too. Liver Server has always been a life saver, God bless the people behind that one.

On a final note, the Bracket Pair Colorizer 2 gave a prompt about not being maintained any longer going into 2022...got any suggestions on a suitable replacement?

Collapse
 
amyoulton profile image
Amy Oulton

Apparently VSCode supports it itself now. I need to look more into that!

Collapse
 
hlucas13 profile image
Homero Lucas do Prado • Edited

Nice content!
I would like to suggest Live Preview instead of Live Server. I have been using it since the launch. Besides being developed by Microsoft (and may soon become native to VSCode as happened with Bracket Pair), it has two main advantages: embedded browser and live refresh, without the need to save the file:
live-refreshing

Collapse
 
ziker22 profile image
Zikitel22

Nice list. From the more general ones i like also

StepSize - for tracking tech debt
Todos Tree - for keeping track of todos
Auto Rename Tag - well name says it all
Spotify - well :)

Collapse
 
amyoulton profile image
Amy Oulton

Will definitely heck these out! Thank you!

Collapse
 
lgrammel profile image
Lars Grammel

Great extension list! Footsteps looks like a great one, need to give it a try.

I'd be curious what you think about a refactoring extension that I've built: P42 JavaScript Assistant

Collapse
 
franzcmarcelo profile image
franzDubs

I just tried it in my project, it's fantastic! ty.

Collapse
 
idered profile image
Kasper Mikiewicz

Footsteps extension looks great! Thanks for sharing.

I've also created VS Code extension, it helps managing project node dependencies. If you work with npm install everyday then you might really like it: Node Dependencies

Collapse
 
balduinofernando profile image
Balduino Fernando

Andromeda Theme is great, but I switched to Aura 2 and Nord.
But now pair colorizing is a native feature, you don't need extension for that.

Collapse
 
amyoulton profile image
Amy Oulton

Yes! I will be updating the article with that information.

Collapse
 
peterwitham profile image
Peter Witham

+1 for Peacock, super helpful on those multi-open project days.

Collapse
 
rajendrasinh_09 profile image
RAJENDRASINH PARMAR

Thank you for the nice article @amyoulton.

I found one new extension(footsteps) that actually can be useful in large code bases.

Collapse
 
chrispycode profile image
chrispycode

That's cool they were many extensions I didn't had after switching from other ide's

Collapse
 
marcosrjjunior profile image
Marcos RJJunior

they are all good extensions, that is the amount of extensions I have installed hah.

others that I find helpful:
macros
Past JSON as Code
CSS modules

Collapse
 
qymmore profile image
Sarah Qym

Thank you so much for this! I've been looking for something like Prettier+ and peacock so this really helps :)

Collapse
 
amyoulton profile image
Amy Oulton

So happy to hear!

Collapse
 
cadoteu profile image
& Co.

thanks for peacock ;-)
i like mintlify ...