Best VS Code extensions you should use
Published: 2023-10-23 03:34:57

##What is VS Code?
Visual Studio Code, also commonly referred to as VS Code, is a source-code editor made by Microsoft with the Electron Framework, for Windows, Linux and macOS. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git.

##What are extensions?
VS Code extensions let you add languages, debuggers, and tools to your installation to support your development workflow. VS Code's rich extensibility model lets extension authors plug directly into the VS Code UI and contribute functionality through the same APIs used by VS Code.
 
##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❤️️