My top 5 favorite VSCode extensions
Tags: vscode, productivity
Published: 2021-05-23 19:29:43

There are dozens, problaby thousands even, of lists like this out there. But who doesn’t love a good list? I really enjoy reading about other peoples favourites, and most of my favorite VSCode extensions I have actually found from lists like this. Therefore I thought I’d make my own list, and maybe you will find a new favourite here.

Without further ado, here’s my list of top 5 favorite VSCode extensions.


## 1. [Prettier] (https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
As the name suggests – it makes your code prettier. One simple shortcut (alt + shift + f) to format your files. <3
<img style="text-align: left; margin: none;" src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/488ru1j5bxs6x72zrewu.jpg" />


## 2. [Better comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)
Just like with prettier the name kind of says it all. This extensions will give you the ability to create better comments. By default you can mark a comment as important, alert, query or todo and they will get different colors. You can also create your own theme.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ltee31kpugbey7gi2xyt.png)


## 3. [Visual Studio IntelliCode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode) 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9h2ka2f5ul6gde4evj02.jpg)
This extension gives you better intellisense. The makers describes it like this:

The Visual Studio IntelliCode extension provides AI-assisted development features for Python, TypeScript/JavaScript and Java developers in Visual Studio Code, with insights based on understanding your code context combined with machine learning.

## 4. [Auto rename tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
You know when you are changing a <h1> to a <h3>, or a <div> to a <section> and the code breaks – this extension automatically rename paired HTML/XML tags.

## 5. [Path autocomplete ](https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete)
Getting errors when trying to import a file because the path is wrong? This extension provides path completion. <3

## [VSCode Pets] (https://marketplace.visualstudio.com/items?itemName=tonybaloney.vscode-pets) 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f6qc04swmmaje3z0a9o5.png)
This doesn’t really do anything. But its cute. And fun.

## Some other favorites
It was actually quite hard to limit this list to only 5 extensions, and it kind of varies from day to day which are my favorites. Here are some other ones that could have been on my list:
* [Easy Icon Theme] (https://marketplace.visualstudio.com/items?itemName=jamesmaj.easy-icons)
* [GitLense](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)
* [LiveShare] (https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare)

What is your favorite extensions?

*** 
Did you find this article usefull? [Follow me on twitter](https://twitter.com/acupof_dev) to be notified when I publish something new!

Also, if you have any feedback or questions, please let me know in the comments below. 🙂

Thank you for reading, and happy coding!

/Eli