Our most used VSCode extensions

27. February 2024 Development

Our current best-of list of VSCode extensions that we use daily.

SonarLint

SonarLint is able to suggest changes and recommended patterns in the code which can lead to a cleaner output. It also often detects structural issues early which helps avoiding pitfalls in the process.

SonarLint VSCode extension

Github Actions

If you handle automations on Github, this extensions helps by putting relevant information directly in the sidebar, like environments, secrets and workflows.

Github Actions VSCode extension

Spell check

Code spell checker is an absolute must for any coder. The main selling point is that you won’t end up searching for errors that happen because you miss-spelled/typed that one variable. Spell checker will underline anything not in it’s dictionary, making it easy to find the mistakes.

Code spell checker VSCode extension

Pretty Typescript Errors:

As the name suggests, it displays any typescript error in a more digestible manner that’s actually readable, unlike the default vs-code errors.

Pretty TS Errors VSCode extension

TypeScript Explorer

Easily explore your types in VSC inside the side panel.

TS Explorer VSCode extension

Better Comments:

Allows for highlighting of comments in various colors. Which is handy when you want color highlighting based on priority or importance.

Better Comments VSCode extension

Colorize

Sticking with colors, Colorize instantly visualizes CSS colors in your CSS/SASS/Less/... files.

Colorize VSCode extension

Error Lens

Display any error message inline for a quick overview of the error instead of having to hover over it. Most often just a quick glance at an error is enough to know what it is about. If not then hovering over the error still works as before.

Error Lens VSCode extension