Must have VSCode Extensions for 2021
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
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: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
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: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
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:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Highlight web colors in your editor
With Color Highlight, you get to preview colors right in VSCode.
Link:https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
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:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Another must-have extension for adding cool icons to files and folders.
Link:https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
It matches brackets to be identified with colors.
Link:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
It allows you to synchronize settings, files, themes, and a lot of others across multiple machines using GitHub gist
Link:https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Take a Code snippet and share it as an image file.
Link:https://marketplace.visualstudio.com/items?itemName=pnp.polacode
I wanna know more about your favorites VSCode extensions. Drop comments below