5 Best VS Code extensions to increase your productivity


Author: Luka Filajdić Published on: August 11, 2021

Bracket Pair Colorizer

With over 5.8 million downloads, Bracket Pair Colorizer is definitely one of the most popular VS Code extensions out there. This extension allows matching brackets to be identified with colours. It is highly customizable and with a lot of configuration options. Simply mind blowing extension.

Bracket Pair Colorizer example

Check it out here.

Prettier - Code formatter

Prettier - Code formatter With more then 14.3 million downloads this is definitely one of the best VS Code extensions.

Prettier is an code formatter which enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary etc. It is highly configurable to better fit your and your teams coding style.

Check it out here.

Auto Rename Tag

Auto Rename Tag is a super useful VS Code extension for web developers. As the names suggest, Auto Rename Tag renames the second tag as the first one is updated and vice versa. Really useful for writing HTML, React or Vue.

Auto Rename Tag usage gif

Check it out here.

Ponicode

Ponicode is an AI-powered extension pack that generates unit tests.

AI shows you what functions need to be tested the most and it handles repetitive part of unit testing, by writing the test file for you. It also generates and suggests you relevant inputs for your tests scenarios.

Supports

  • Typescript
  • JavaScript
  • Python

Check it out here..

ESLint

With this plugin, you can code with ease knowing that you will maintain correct code etiquette make things easier to read, both for yourself and others.It is really easy to customise, simply modify Json settings file according to your needs.

Check it out here..