6 Useful VS Code Extensions For Web Development

Visual Studio Code is the arguably the best code editor out there at the moment. Market Place offering tons of extensions to customize it exactly to your needs and helping you in writing high quality code. In this article I will recommend my favorite VS Code extensions.

Prettier — Code formatter

Doesn’t matter if you write code alone or in a group, neat code is very important. Prettier is excellent, especially if you are working on the project with other developers. It removes original styling and puts on the consistent code style. Thanks to consistent formatting the code is much more readable.

Bracket pair colorizer

Bracket pair colorizer helps you to find the closing bracket of the current block of code. It often happens that when writing long code after a while you just cant tell where brackets start and where they ends. Bracket pair colorizer comes to your rescue by colorizing each pair of brackets in different color so that they could be easily found.

GitLens

Visual Studio Code has a git integration. It can be made even better by installing GitLens extension. When working in a team it allows checking who created each line of code when it was created, and it allows us to go to commit details quickly.

ESLint

If you want to create a friendly, readable, clean code, it’s a great idea to install ESLint into your VS Code. This will help you to stick to standard practices.

Vetur

Vetur brings a lot of functionalities like code snippets, linking and errors checking, formatting, debugging or highlighting the syntax. It looks very impressive.

Live Server

Every time you save your code, you’ll instantly see the changes reflected in the browser. You’ll be much faster at spotting errors and it’s much easier to do some quick experiments with your code.