SLVUU-97 add workspace settings for default formatter

README.md

@@ -92,6 +92,18 @@ npm run build
 8. In IntelliJ, select 'SimulMain' config and click run
 9. If you get a 'certificate-unknown' error, set 'Allow invalid certificates for resources loaded from localhost' to 'Enabled' in your chrome settings
 
+### IntelliJ Settings
+
+In IntelliJ settings/Editor/Code Style/Java/Import Layout
+- tick "Layout static imports separately
+- apply the following order for imports
+    - import all other imports
+    - < blank line >
+    - import javax.*
+    - import java.*
+    - < blank line >
+    - import static all other imports 
+
 ## Installation - Client
 
 The UI scripts all run from the vuu/vuu-ui directory.
@@ -121,6 +133,15 @@ Then, back in vuu-ui, run the launch script"
 npm run launch:demo:electron
 ```
 
+### VSCode Workspace Settings 
+A set of VSCode settings is shared as workspace settings. In order to use the workspace settings the project needs to be opened in VSCode from vuu-ui/ folder.
+
+Settings provided by the workspace currently cover:
+
+- Prettier as default formatter
+
+When using an IDE other than VSCode, the IDE settings should be set to match the workspace settings
+
 ## Usage example
 
 ```

vuu-ui/.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "esbenp.prettier-vscode"
+    ]
+}

vuu-ui/.vscode/settings.json

@@ -1,25 +1,6 @@
 {
-    "workbench.colorCustomizations": {
-        "activityBar.activeBackground": "#a2b875",
-        "activityBar.activeBorder": "#4c7c93",
-        "activityBar.background": "#a2b875",
-        "activityBar.foreground": "#15202b",
-        "activityBar.inactiveForeground": "#15202b99",
-        "activityBarBadge.background": "#4c7c93",
-        "activityBarBadge.foreground": "#e7e7e7",
-        "sash.hoverBorder": "#a2b875",
-        "statusBar.background": "#8ba555",
-        "statusBar.foreground": "#15202b",
-        "statusBarItem.hoverBackground": "#6f8344",
-        "statusBarItem.remoteBackground": "#8ba555",
-        "statusBarItem.remoteForeground": "#15202b",
-        "titleBar.activeBackground": "#8ba555",
-        "titleBar.activeForeground": "#15202b",
-        "titleBar.inactiveBackground": "#8ba55599",
-        "titleBar.inactiveForeground": "#15202b99",
-        "commandCenter.border": "#15202b99"
-    },
-    "peacock.color": "#8ba555",
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true,
     "typescript.tsdk": "node_modules/typescript/lib",
     "css.customData": [
         "./.vscode/custom-css.json"