Boost Your VS Code Productivity with these Colourful Extensions
Five ways to make your editor beautiful and your day better.
1) Indent Rainbow
Indent Rainbow colours your indentations. This is a great visual aid for identifying your code’s position within a block.
The extension arrives pre-configured with four coloured indentation levels. You can expand these and customise the colours to your liking.
2) Bracket Pair Colorizer 2
Bracket Pair Colorizer 2 pairs up brackets and parentheses with matching colours. Most languages and frameworks benefit from this, but it’s advantageous for ones that are heavy on nesting (Lisp and Flutter, I’m looking at you).
The colours and behaviours are very customisable. There are also commands available to expand and contract cursor selection against the current scope.
3) Rainbow CSV
Rainbow CSV coordinates the colours in your CSV data so that each column is visually unique. It can also align columns and offers a way of querying the data via a SQL-like syntax.
The colours and formatting can be customised.
4) Rainbow Highlighter
Rainbow Highlighter allows you to highlight multiple matching symbols within your code. Highlights can be set and cleared with keyboard shortcuts.
The colours can be customised and you can choose between a background or a border highlight.
5) Error Lens
Error Lens is a language-agnostic error, warning, and lint reporting tool. It shows problems with your code in the gutter, status line, and in-line with the code. This is a huge time-saver — issues are presented to you immediately so you don’t get tripped up at the compile/run stage.
It has extensive customisation options, exposing around 50 behaviour and colour settings you can tweak.
