New To Coding?👋 These 3 VS Code Extensions can help you to save your time and make you more productive.🚀
Tags: productivity, codenewbie, webdev, vscode
Published: 2021-11-18 18:56:49

Welcome to the coding community, if you just started your journey into coding or you are working as a professional, you all can read this blog.

*Disclaimer:- These all are my personal favourite extensions which helped me, to become productive and more efficient in coding.*

As slowly as you move forward in your coding journey you can go with other extension as well. But in the beginning these three VS Code Extensions will be wonderful for you.

So Without wasting further time let me tell you about these three extensions.

## 1. [PRETTIER](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

This is one of the most recommended VS Code extension by developers all around the world. You know why?

### Because Prettier does exactly what it says. It makes your code pretty and more readable.

Most of the time when someone starts their career into coding with the excitement but after seeing bad indentations and messy code, they get frustrated and they usually move their career into different career field. This is one of the common phrases that I have heard from coding newbies.

But Here Prettier came into picture, It automatically does the indentation for you and give you a awesome formatted code.

Even if you are a experienced person, prettier can save your time.
You don't have to do indentation for every line, prettier will do everything for you. You just to need to install it.

This is why Prettier is one of the most favourite VS code extension of developers.

![](https://res.cloudinary.com/ranacloud/image/upload/v1636817337/new/prettier_bob55r.gif)

## 2. [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)

It is a Visual Studio Code plugin that autocompletes filenames.

This extension is really very helpful when you have multiple files to attach, It can save a lot of time, because it put the file location or filenames automatically, so you don't have to waste your time to write the whole path manually.

This is my second favourite extension and I recommend you to try it once.

![](https://res.cloudinary.com/ranacloud/image/upload/v1637244519/new/pathintellisense_od1quk.gif)

## 3. [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)

This extension allows matching brackets to be identified with colors. Because you can identify which open bracket is the pair of which closing bracket you save a lot of time.

The user can define which cards to combine and which colors to use. You can change color settings as per your preference.

#### Code without Bracket Pair Colorizer:
![](https://res.cloudinary.com/ranacloud/image/upload/v1637244963/new/code_dpxshe.gif)

#### Code with Bracket Pair Colorizer:
![](https://res.cloudinary.com/ranacloud/image/upload/v1637244967/new/colorcode_jmezkq.gif)

Each pair of brackets, curly brackets and parentheses has its own color, which makes it very easy to identify where you might have an 'oops'.

So Try these extensions and do let me know, your favourite vs code extensions in the discussion section.

Feel Free to give your views and suggestions. Your feedbacks are always appreciated.

See you in the next blog. Thanks For Reading.

###Read My Recent Blogs

[How I created My Portfolio with Nextjs and plainCss🚀](https://dev.to/irandeeprana/how-i-created-my-portfolio-with-nextjs-and-plaincss-26ik)


<a href="https://www.buymeacoffee.com/irandeeprana" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 20px !important;width: 120px !important;" ></a>