One of the most exciting parts of the Visual Studio Code is customizability, primarily via extensions. If you're a web developer, you won't be able to live without installing these extensions!
Here are my top VisualStudio Code extensions for 2020. I came up with this list by researching which extensions that are most useful and popular amongst Developers. These extensions are guaranteed to help your workflow and increase productivity when used correctly while coding.
The prettier extension also helps in managing our project in source control tool like git.
The debugger has many features like Watch breakpoints,
console.logs, the local pane and many more.
The Auto Close Tag extension is used to add and close HTML/XML tags. This extension can save a lot of time by automatically closing tags for you, and this ensures there won't be any error in the code.
It supports the following languages/extention
- TypeScript (.ts)
- TypeScript React (.tsx)
Git lens helps you better understand the code. It quickly gives a glimpse of why, when and by whom a line or code-bock as changed.
It also allows you to jump back through history to gain further insights as to how and why the code evolved. Therefore, you can effortlessly explore the history and evolution of codebase.
Using Live Server, you'll get a quick local development server with a live to reload capability that suits for both dynamic and static pages.
It supports SVG, Https, Proxy and you can also use it in any browser using the advance command-line tool.
Bracket Pair Colorizer extension allows the matching brackets to be identified with colours, and the user can define which characters to match, and which colour to use.
The user can define the colours to be used to colourize brackets, it also accepts valid colour names, hex codes, and rgba() values.
I hope the above extensions were useful and helpful for you. These extensions will improve your workflow and quality of life.
💌 If you’d like to receive more tutorials in your inbox, you can sign up for the newsletter here.