Add settings & documentation for formatting (Workspace for vscode & IntelliJ preferences)

[vferraro-scottlogic]

Background

we have a set of workspace settings for vscode (in vuu-ui/vscode/settings.json) we want to add default formatters

Work Required

VSCode / Frontend code:

• make prettier the default for ts, tsx, js,jsx,css, html,json
  i.e.
  ` "[typescript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

  "[typescriptreact]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
  }`

• add extensions.json with recommended extensions for the project:

  • prettier, eslint

IntelliJ / Backend code:

• Adjust settings as per the screenshot (import layout, general import settings, wildcard imports):
  

Docs:

• Add settings configuration to VUU documentation and ReadME
  • also mention that project needs to be opened from vuu-ui folder for the VSCode settings to be picked up
  • mention other IDEs settings (e.g. Webstorm)

Notes

• project needs to be opened from the workspace folder (vuu-ui) to use the workspace settings
• if not using vscode (i.e. WebStorm) make sure your IDE settings match vscode/settings.json