# VS Code Extensions for a Web Developer

### 1.  Auto Close Tag

 Automatically create HTML close tags

 [Get here](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)

### 2. Auto Rename Tag
Rename the opening tag and the closing tag will be renamed automatically.

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

### 3. Bracket Pair Colorizer 2
Get colored brackets to avoid confusion.

 [Get here](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)  


### 4.  DotENV
Syntax highlight for .env files 

[Get here](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv)  


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

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


### 6. MDX
Syntax highlighting for MDX files

[Get Here](https://marketplace.visualstudio.com/items?itemName=silvenon.mdx)


### 7. CSS Peek
Check the CSS inside the HTML file without leaving the HTML file.

[Get Here](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek) 


### 8. Prettier - Code formatter
This extension will format your code to look good.

[Get Here](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) 


### 9. Formatting Toggle
Sometimes we do not want the Prettier extention to format the code. In that case we can use this extension to toggle the formatting off.

[Get Here](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle) 


### 10. Git History
Through this extension, we can check the git history.

[Get Here](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory) 


### 11. GitLens — Git supercharged
This extension will tell you what changes are made by whom.

[Get Here](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)


### 12. Live Sass Compiler
For small projects use this extension to compile the sass files.

 [Get Here](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass)  


### 13. Live Server
If you want an HTTP server for small projects use this.

 [Get Here](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)