💡 15 VS Code Extension you need as a developer! 💡
Tags: todayilearned, discuss, vscode, productivity
Published: 2021-03-28 07:15:10

<blockquote>
Hello! This blog contains all the extensions you need to add to your vs code to boost your productivity. Let's start :+1:
</blockquote>

****
1. **vscode-icons:** This extension comes with tons of preloaded sets of icons which make it more interesting while working with files or directories in the vs code. You can use it to replace the default and boring icons. [Download](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons)

2. **Visual Studio IntelliCode:** This extension helps you by suggesting the autocomplete keywords or snippets you need while programming. Actually, you have to just type the starting of the keyword and this extension will recommend you autocomplete it. [Download](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode)

3. **Prettier - Code formatted:** This extension comes as a savior when it comes to formatting your code. Whenever you same the code this extension will automatically format it for you. [Download](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

4. **Path Intellisense:** Do you feel frustrated while importing a particular file and not finding its path or typing it wrong. Then this extension is for you. This extension suggests you the path of the file. [Download](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)

5. **npm:** This eases your job while using npm commands in the project. [Download](https://marketplace.visualstudio.com/items?itemName=fknop.vscode-npm)

6. **Mariana Pro:** This is the best theme extensions I have come across. There are many soal soothing color themes you can use as the permanent theme. [Download](https://marketplace.visualstudio.com/items?itemName=rickynormandeau.mariana-pro)

7. **Live Share:** This extension enables you to collaboratively edit and debug with others in real-time, regardless of what programming languages you're using or app types you're building. [Download](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare)

8. **Live Server:** This extension provides a Quick Development Live Server with live browser reload. You can start or stop the server with a single click from the status bar. [Download](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

9. **GitLens:** GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more. [Download](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)

10. **Debugger for Chrome:** This extension helps you to debug your JavaScript code in the Chrome browser or any other target that supports the Chrome Debugger protocol. [Download](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)

11. **Bracket Pair Colorizer:** This is an extension is my personal favorite. This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use. [Download](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)

12. **Babel ES6/ES7:** This is a standalone version of the syntax given with vscode-flow-type. Improves majorly on the grammar distributed by default with vscode. This language extension brings no changes to the IntelliSense. [Download](https://marketplace.visualstudio.com/items?itemName=dzannotti.vscode-babel-coloring)

13. **Jupyter:** A Visual Studio Code extension that provides basic notebook support for language kernels that are supported in Jupyter Notebooks today. Many language kernels will work with no modification. To enable advanced features, modifications may be needed in the VS Code language extensions. [Download](https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter)

14. **Python:** A Visual Studio Code extension with rich support for the Python language (for all actively supported versions of the language: >=3.6), including features such as IntelliSense, linting, debugging, code navigation, code formatting, refactoring, variable explorer, test explorer, and more! Additionally, the Python extension gives you an optimal and feature-rich experience for working with Jupyter notebooks through the Jupyter extension.
[Download](https://marketplace.visualstudio.com/items?itemName=ms-python.python)

15. **REST Client:** REST Client allows you to send HTTP requests and view the response in Visual Studio Code directly. [Download](https://marketplace.visualstudio.com/items?itemName=humao.rest-client)

## ❤️ Thank you for reading. ❤️
If you like this content kindly Follow | Like | Share &
_🎯 If I miss any please let me know in the comments below 🎯_