M1 - VSCode extensions & Prettier Setup

README.md

M1 - VSCode Extensions

VSCode Extensions:

• JavaScript Babel

• HTML CSS Intellisense

• [CSS class completion](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion#:~:text=A Visual Studio Code extension,referenced through the link element.)

• Bracket Pair Colorizer 2

• Prettier - Code Formatter

Prettier Setup

• Install Prettier - Code Formatter VSCode extension
• Remove Beautify and JSHint extensions from VSCode if you have them installed, as they may cause issues.
• Change the VSCode settings to enable Format On Save:
  • (Mac) CMD + Shift + P or (Linux/Windows) Ctrl + Shift + P
  • Search for and select Open Settings (UI)
  • Once in the Settings panel, search for: Format on save
  • Enable option ☑️ Editor: Format On Save
  • ..
  • When done, search for: Default formatter
  • Find the option Editor: Default Formatter and from the dropdown select esbenp.prettier-vscode
  • Restart your VSCode
  • Done !