VSCode Exte

As developers, we spend long hours on our machines, shuffling between different applications. VSCode is one of the most popular code editors. With VSCode extensions, we can add features, themes, languages, and more to enhance our development workflows.

Here are some of my personal favorites

ESLint

When writing code, on VSCode, there are many ways to keep our code synthetically correct and following the standard practice recommended by the general consent. One of the ways is to use a Linter.

ESLint statically analyzes your code to quickly find problems. ESLint is built into most text editors and you can run ESLint as part of your continuous integration pipeline. - ESLint

Link: marketplace.visualstudio.com/items?itemName..

Prettier

Prettier is an opinionated code formatter, it automatically formats your code so you don't have to go through the stress of code formatting

Link: marketplace.visualstudio.com/items?itemName..

Auto Rename Tag

This is a must-have for Web developers working a lot with HTML and XML, CSS, JS, for example we might wanna change a <div> tag to <h1/>, with Auto rename tag, it automatically changes the closing tag from </div> to </h1>.

Link:marketplace.visualstudio.com/items?itemName..

Color Highlight

Highlight web colors in your editor

With Color Highlight, you get to preview colors right in VSCode.

Link:marketplace.visualstudio.com/items?itemName..

GitLens

If you use Git regularly, then GitLens is a must-have extension, In fact, it is a highly recommended extension for developers who work across teams. GitLens give you the capability to know who and when a code was changed.

Link:marketplace.visualstudio.com/items?itemName..