IDE extensions for Web Development

Visual Studio Code extensions for JavaScript and Web Development
1. Prettier - Code formatter
  1. After installing, change the following settings.
  2. Settings -> Text Editor -> Formatting -> Enable Format on paste
  3. Settings -> Text Editor -> Formatting -> Enable Format on save
  4. Settings -> Text Editor -> Default Formatter -> Prettier - Code Formatter
2. ES7+ React/Redux/React-Native snippets
  1. rafce (arrow func with export)
  2. rfce (regular func with export )
  3. same as the file name
  4. react auto import
    1. uncheck this setting
    2. React Snippets › Settings: Import React On Top
3. Auto Rename Tag
4. Highlight Matching Tag

Links to this note