Best VS Code extensions you should use as a Developer.
Tags: webdev, react, vscode, javascript
Published: 2021-08-23 09:56:36

##Top 12 VS Code extensions which makes your life much easier as a developer.




###1. Auto Rename Tag

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
![auto](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/16sb5yikizh40p9uy56y.jpg)
 

Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)

###2. Babel ES6/ES7

This is a standalone version of the syntax given with vscode-flowtype. Improves majorly on the grammar distributed by default with vscode. This language extension brings no changes to the intellisense.

![babel](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/65ux78tz8s72v808kngr.png)
 
Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=dzannotti.vscode-babel-coloring)

###3. Bracket Pair Colorizer

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.

![bra](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f8jwdtua5kzvaig0rpqa.png)
 
Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)

###4. Code Spell Checker

A basic spell checker that works well with camelCase code.
The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low.

![images](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/69c98888lhyecpot8hpl.jpg)
Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)

###5. ES7 React/Redux/GraphQL/React-Native snippets

JavaScript and React/Redux snippets in ES7+ with Babel plugin features for VS Code

 
Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)

###6. Live Server

Launch a local development server with live reload feature for static & dynamic pages.
![live](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d9adtf9npj5d6zf7sb29.png)

  

Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

###7. Material Icon Theme

Get the Material Design icons into your VS Code.

![mate](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2o74o04q71meugrevful.png)
 
Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)

###8. Polacode-2020

Polaroid for your code 📸.

![polacode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tgdex6xc7dzaaiyfpj9x.png)
 
Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=jeff-hykin.polacode-2019)

###9. Prettier - Code formatter

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
![pret](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jw1f0v5hw3af01x4dan8.png)
 

Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

###10. Tabnine 

Tabnine is the AI code completion tool trusted by millions of developers to code faster with fewer errors. Whether you are a new dev or a seasoned pro, working solo or part of a team.

![tab]](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/goylocq5j8nufw8cfmsi.jpg)
 
Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode)

###11. Thunder

![thunder-client-image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ana4wgj9f2shnlpam9yb.jpg)
 

Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=Steve-DevOps.thunder-lwc)

###12. Visual Studio IntelliCode

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.

![vscodeinte](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1h20zql2gbh3tl6gqzsl.png)
 
Link :  [Click Me](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode)

Thank You❤️️❤️️