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 -> When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag

  • Auto Close Tag -> Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text

  • Bracket Pair Colorizer -> This extension allows matching brackets to be identified with colours.

  • Debugger for Chrome -> Debug your application running Chrome from VS code

  • Auto Import -> Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.

  • GitLens — Git supercharged -> GitLens simply helps you better understand code. Quickly glimpse into whom, why, and when a line or code block was changed

  • indent-rainbow -> A simple extension to make indentation more readable

  • Prettier - 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

React:

Angular:

  • Angular 10 Snippets -> Visual Studio Code TypeScript and Html snippets and code examples for Angular 2,4,5,6,7,8,9 & 10.

  • Angular Language Service -> Visual Studio Code TypeScript and Html snippets and code examples for Angular 2,4,5,6,7,8,9 & 10.