DEV Community

Cover image for To the VSCode Extensions I Love the Most

To the VSCode Extensions I Love the Most

Ronnie on September 12, 2021

This certainly isn't the first time someone's made a list of their favorite VSCode extensions and it won't be the last, but these are mine! I'll st...
Collapse
 
seancassiere profile image
Sean Cassiere

Great list you've compiled here.

Just FYI, VSCode now has Bracket Pair Colorization built-in to the editor by default.
The new native implementation is said to be more performant as well.

You'll need to disable the Bracket Pair Colorizer plugin and reload the editor. Then you can enable the VSCode implementation of it by adding this into the settings.json.

"editor.bracketPairColorization.enabled": true

James Q Quick video on this - youtu.be/KZC2_OMaEpc

Collapse
 
bosphoramus profile image
Antonio Ramírez

I think that VS Code’s implementation doesnt draw a colorized line to the closing bracket sadly :(

Collapse
 
samelawrence profile image
Sam E. Lawrence

That's why I also use the rainbow indent plugin.

Collapse
 
whippingdot profile image
Sanjaay R.

I think it does, just very lightly...

Collapse
 
nishithsavla profile image
Nishith Savla

The HTML tag wrapper is also built into VS Code.

To use it follow these steps:

  • Go to command palette using F4 or Ctrl + Shift + P
  • Search for Emmet: Wrap tag with abbreviation
  • Select it and enter the tag you want. You can also use an Emmet expressions here.

For frequent use, you can set a keybinding to it as well

Collapse
 
talorlanczyk profile image
TalOrlanczyk

About the bracket per colorize I change to version 2 that is still get updated and go different new stuff
the creator itself suggests to move to the second one
The v1- stop been update in 2019
V2 - still is

Collapse
 
justblender profile image
Artyom Titov

Template string converter is a must-have for me now! Immediately going back from the bed in the middle of the night now just to install it and not forget about it. Thanks for sharing!

Collapse
 
steindelse profile image
SteindelSE

Great article!

You might consider changing your html wrapper to https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap&ssr=false#review-details

Not only is it more consistent cross platform, but it allows you to wrap more than just elements, such as if you want to wrap some text in

or .

Collapse
 
daniel_petroski_4dd39491b profile image
Daniel petroski

What about Prettier? Lol. Auto wrapping? How lazy are you? Lmao

Collapse
 
arynnboniface profile image
Ronnie

I've got prettier, for sure and auto-wrapping has been turned on since the day I downloaded VSCode!

Collapse
 
daniel_petroski_4dd39491b profile image
Daniel petroski

I’m new to VS and JS. Doing a career switch in tech and that’s important to me. Although not a fan of JS syntax. I’m skipping to React lol. Or Swift.

Collapse
 
johnmarison2 profile image
Johnmarison

Hello Ronnie,
Nice to read this blog

Collapse
 
stuffsuggested profile image
niksin
Collapse
 
amrishpandey profile image
amrishpandey

thats a very good list of extensions, much needed. thank you for this list.

Collapse
 
jpmurara profile image
JPMurara

👏🏻👏🏻👏🏻

Collapse
 
gumonet profile image
Angel Gutierrez

Amazing list! Thanks for sharing!

Collapse
 
ritabratadas343 profile image
Ritabrata Das

Nice research dude

Collapse
 
natelindev profile image
Nathaniel

Checkout my meme extension: marketplace.visualstudio.com/items...

Collapse
 
candicelizabeth profile image
candicelizabeth

This is such a great list of extensions!! Thank you so much for making this!!!!!!