5 Vs code extension's to increase your developer productivity
Tags: vscode, programming, productivity, javascript
Published: 2021-05-22 06:50:52

Hey there developers. How is it going. Today in this blog, I will be showing you 5 useful vs code extension's which will increase your developer productivity. So if you are interested, continue reading...

## 1. [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)

I use this extension all the time when I am working on any project. Basically this extension allows you to add bookmarks in specific lines in a file. You can also add a note why you have added this bookmark. And you can also explore the bookmarks in the bookmarks tab. Which will show you all the bookmarks in a particular project.

![Vs Code extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oas92hj28yxqe6nd5qhi.jpg)

## 2. [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)

This extension is super helpful if you want to improve code commenting. By default the comments have a dimmed color. By using this extension. You can make them colorful for any specific purpose. Like if there is something todo, you can use the TODO tag before writing the comment. Like so - `// TODO: what to do`. For more information's about usage, please check out the better comments documentation.

![Vs code extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vl61n8t8hpid0iagbjyk.jpg)

## 3. [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)

If you misspell any word in vs code, by default it doesn't shows any warning if the spelling is not correct. By using this extension, You can will get a warning message in the problems tab if any of the word is not spelled correctly.

![Vs Code Extensions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/in8s228attz72h6s6jwh.jpg)

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

This extension formats your unformatted code. So you don't need to focus on formatting you code. Prettier will do it for you. To start formatting your code with prettier, make sure you add these settings in your `settings.json` after installing it. And you will be good to go.

```json
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
```

## 5. [Thunder Client](https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client)

Are you still using Postman for api testing? Well that's fine. Postman does this duty just perfectly. But for me, when I am working on any project in vs code, I do like to be in vs code. I don't like to open any other external application, it effects on my productivity. So I use this cool Vs code extension. It works same as postman. Nothing new, you can send request to any kind of api from vs code. It really helps me to increase my developer productivity.

![Vs code Extensions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v8urq2g0b2hzh8gpexq8.jpg)

## Conclusion

These are the productivity vs code extension's, Which I use all the time and wanted to share with you guys. Now I wanted to know what are your productivity extension's? Let me know in the discussions. And make sure you follow me for all the cool article just like that.

# :)

Get Me on ->

- [Github](https://github.com/ratul-devr)
- [Twitter](https://twitter.com/Ratul_devR)
- [LinkedIn](https://www.linkedin.com/in/developer-ratul-407352211/)
- [Facebook](https://www.facebook.com/minhazurrahaman.ratul/)