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:
- Simple React Snippets -> Only what you need and nothing more. No Redux. No React Native.
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.