# VS Code for web development

For those who uses vscode for web development knows that it provides many plugins/extensions that makes our lives easier, here I'll list some of them that I personally use:

## General web development:


-  [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) 
 -> When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag

-  [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) 
 -> Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text

- [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) 
-> This extension allows matching brackets to be identified with colours. 

- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) 
-> Debug your application running Chrome from VS code

- [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport) 
-> Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.

- [GitLens — Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) 
-> GitLens simply helps you better understand code. Quickly glimpse into whom, why, and when a line or code block was changed

- [indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow) 
-> A simple extension to make indentation more readable

- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) 
-> 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

## React:
- [Simple React Snippets](https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets) 
-> Only what you need and nothing more. No Redux. No React Native.

## Angular:
- [Angular 10 Snippets](https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode) 
-> Visual Studio Code TypeScript and Html snippets and code examples for Angular 2,4,5,6,7,8,9 & 10.

- [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template) 
-> Visual Studio Code TypeScript and Html snippets and code examples for Angular 2,4,5,6,7,8,9 & 10.