Everyone likes their own look and here is mine!

• The text is large and comfortable! (Font size 14)
• I prefer a dark mode with colours
• I use the Prettier+ extension

To change any of these settings in VSCode, use the settings cog.

Text Editor: Prettier-Plus!

Prettier-Plus is amazing and I use it in preference to other extensions because it does exactly what I want. I am sure there are other extensions just as good, I just don't know about them!

My settings are:

• Editor: Default Formatter - svipas.prettierier-on
• Editor: Font Size -- 14
• Editor: Format On Paste - On
• Editor: Format On Save- On

Editor: Format On Paste - On

• Editor: Detect Indentation - On
• Editor: Quick Suggestions Delay - 20
• Editor: Word Wrap - On
• Files: Auto Save - Off

Workbench:

• Workbench: Color Theme - Dark+

Extensions:

• Emmet: Enable Emmet abbreviations - On
  Using a mapping here {"javascript": "javascriptreact"}
• Prettier: Jsx Bracket Same Line - On
  Put the '>' of a multi-line JSX element at the end of the last line instead of being alone on the next line (does not apply to self closing elements).
• Prettier: Jsx Single Quote - On
  Use single quotes instead of double quotes in JSX.
• Prettier: SemiPrint - On
  semicolons at the ends of statements.
• Prettier: Single Quote - On
  Use single quotes instead of double quotes.
• Prettier: Use Tabs - On
  Indent lines with tabs instead of spaces.

I hope it is of some use to you 😊