Best VSCode Extensions for beginners 2022

We can say that Visual Studio Code (VSCode) is the most popular open source code editor. It’s owned by Microsoft and it works amazingly. VSCode aims to provide a productive environment that brings speed, customization and productivity to your everyday coding.

When we talk about customization, we are not just referring to the beauty and colors we can apply but the famous extensions that give the editor super powers and it’s one of the many reasons why this editor is the most popular and used world wide. So I listed some extensions that might be useful in a developer’s daily life.

With this extension you will be able to rename the paired HTML tag just writing in one of them. It’s really simple to use and powerful.

This tool is non-negotiable, it will catch some 'stupid' errors that you might make. Who has never forgotten to close HTML tag or forgot to rename the close tag?

You can install it in your VSCode.

Who doesn’t like a tool that kills two birds with one stone? and the birds in this case are running a bunch of programing files with just one VSCode extension and having snippets for those languages.

For those who don't know, snippets are shortcuts you can use during your daily coding. For example when you're coding an HTML and need to write the entire code base you can start typing html and select the snippet you want.

As ReactJS developer I use it every day.

Okay! So if you are a web developer and don't know this extension your mind will be blown. (But of course you know that)

Seeking to make it simpler to run an HTML page on its famous localhost this tool has hit home. You can just right click on your code file and run the live server and better, your changes are automatically updated on the page.

I don't have much more to talk about it, you need to try right now.

Imagine you have a lot of tools installed in your VSCode and you use more than one computer to write your codes but when you install an extension in one of the environments the other one becomes outdated.

This tool uses your Github account to store all your VSCode settings and every time you make a change you may upload and download them.

It Syncs

Shortcuts

This one is more of a personal preference than for beginners itself.

I don't like the Visual Studio Code default icons and this extension will change all of them.

It changes even the folders depending on the name you give to it. You can edit those icons too.

Well, at least you might know in which commit you made that change.

This tool helps you to visualize code authorship at a glance via Gib blame annotations. So if you are working with a big team you probably would like to know who, why, and when a line or code block has been changed.

But this is the basics, you can get the real power of git changes in your project.

Created by Luan Roberto Estrada Martins and Reviewed by Bruna Cardoso

Related posts:

Simple Guide to Cryptocurrency Arbitrage

2021 is seeing several free and paid crypto arbitrage tools start to come online. Almost everyone seduces cryptocurrency traders with promises of guaranteed profits when buying and selling digital… Read more

DMB Inc. Dryer Vent Cleaning near me

DBM Janitorial Services 2815 Valley View Lane Ste 103 Dallas, TX 75234 (972) 620–9200 www.full-service-janitorial.com When hot air dries clothes, it must be vented out of the home through a vent pipe… Read more

Silliness

The thing about feeling deeply, about Being An empathetic sort, Is that grief visits daily. Like a good friend or A neighbour Who pops by on their way through And then I end up feeling silly, because… Read more