I've worked in a few different IDEs along my path of programming, usually to the whim of different professors. However, once I started working in VSCode, I've loved it and stuck with it for its lightweight nature and customizability. I'm not sure how I didn't discover it earlier, but my friend suggested I get a color bracket extension, and it has been a game changer.
Unfortunately, I am sometimes mess with spacing when it comes to my code, Going back after a compilation error counting the amount of parentheses gets annoying with a mix of nested brackets, autocomplete brackets, and my fat finger on the shift, 8, and 9 key. Hence, colored brackets!
All this does is match the color of brackets, parentheses, etc. which makes it much easier at a glance to see what goes where. Another nice feature of it, is if there is an unmatched or extra bracket, it will let you know by coloring it a bright red that screams ERROR.
Even with this somewhat dense line of code, I'm sure you could spot it out right away. And I sure do whenever I'm coding.
This is the one I use, which I like for its bright colors, but there are other more customizable ones out there if you so please.
https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets
Are there any other extensions or conveniences you use for productivity?
Top comments (6)
It never occurred to me that I would ever need to use an extension that highlights brackets with colours until just now when I installed the extension to see what it looks like for my current project - and I have to say - it sure does look promising!
Besides that, I use Prettier, Image preview and Auto Close/Rename Tag extensions which I consider looking into if you use Front-end stacks.
Glad to have helped somebody! I'll definitely have to check those out since I plan on learning React soon
There's indent rainbow
which I quite liked when I used VSCode, but to be honest, too many colours are a distraction for me, and the problem that coloured brackets solve is solved better by changing to a more spaced-out layout.
Edit: I have no idea why that isn't embedding correctly, it's a better image on the page I'm deeplinking it from :/
This functionality is built into Visual Studio code now.
Yes coloured brackets are a huuuge help 🌈
One of the other biggest game changers for me was when I started using VS Code's "refactor" menu (ctrl + shift + r) regularly.
I think it would be better to learn operator precedence, avoid adding superfluous parentheses, and keep expressions simple.