VS Code Tips: Highlighted Indent Guides

[@heyOrca2711]

Thanks Clarkio

[@clarkio]

Happy to help 👍

[@k.ashutoshbaitharu3964]

Bracket Pair Colorizer 2 has become a native feature in VSCode. You just need to add below lines of code inside your settings.json to have this highlighting feature enabled. (Make sure you paste it inside the parent { })
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs":"active"

[@souravmandal3868]

Thanks a lot brother

[@everabyss]

What is the Extension name that gives you lines on left which provide connection between start and finish.

[@clarkio]

That is the Bracket Pair Colorizer extension: marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

[@majid70111]

How did you got that horizontal line in between? Not specified in the docs inside the link in the description!

[@Drumbum501234]

SAME

[@simplerlist]

Here ya go: github.com/CoenraadS/Bracket-Pair-Colorizer-2

[@simplerlist]

I also added the following to my settings.json file:
"bracket-pair-colorizer-2.activeScopeCSS": [
"borderStyle : solid",
"borderWidth : 2px",
"borderColor : blue",
"opacity: 1.0"
]

[@shane9102]

whats the extension thats adding the extra color?

[@shubhamtiwari3320]

Shane Harnarine bracket pair colorizer

[@clarkio]

marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

[@zeljkoferber9684]

whitch ???

[@davidkpidiba8591]

"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs":"active"

[@romainmt1777]

useless :)

[@isaiasfrederick]

What is the field in settings.json which changes the indent guide of focused block? Thanks

[@clarkio]

It's through an extension I installed: marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2