DEV Community

Elhabib Soufain
Elhabib Soufain

Posted on

Best 5 VS Code Extensions[2021]

VS Code is one of the best code editors in the developer community. One of the reasons for VS Code’s popularity is its many extensions that speed up the development process.

This guide will cover 5 of the most used extensions every web developer should know in 2021.
So let's get started:

  1. Prettier
    Let`s start with one of the most downloaded extensions on Visual Studio Code marketplace. Prettier is an opinionated code formatter. That means it 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.

  2. Bracket Pair Colorizer 2
    This extension allows matching brackets to be identified with colours. The user can define which tokens to match, and which colors to use. It`s really helpful when you have a lot of nested elements.

  3. Visual Studio Intellicode
    This extension provides AI-assisted IntelliSense by showing recommended completion items for your code context at the top of the completions list. The example below shows this in action for Python code.

Contextual recommendations are based on practices developed in thousands of high quality, open-source projects on GitHub each with high star ratings. This means you get context-aware code completions, tool-tips, and signature help rather than alphabetical or most-recently-used lists. By predicting the most likely member in the list based on your coding context, AI-assisted IntelliSense stops you having to hunt through the list yourself.

  1. Live Server Live Server launches a local development server with a live reload feature both for static and dynamic pages.

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.

  1. Regex Previewer Regular expressions can be quite the puzzle to get right. Regex Previewer gives you a side document that matches your regex.

The extension gives multiple examples to match, so it becomes much easier to quickly and accurately write a regex for a variety of use cases.

Discussion (0)