Set up IDEs

[joven-health-mike]

Each developer should edit their IDE to match these settings.

Step 1: Install Extensions

Install the following VS Code Extensions:

• [ ] ESLint
• [ ] HTMLHint
• [ ] indent-rainbow
• [ ] Prettier - Code formatter
• [ ] Rainbow Brackets
• [ ] Rainbow Tags
• [ ] Stylelint
• [ ] vscode-icons

Step 2: Modify settings.json

Open VS Code & press Ctrl+Shift+P or Cmd+Shift+P to open the Command Palette. Type "settings.json" to open "Preferences: Open Settings (JSON)".

Delete whatever is in the file and paste the following:

{
  "files.autoSave": "onWindowChange",
  "editor.fontLigatures": true,
  "editor.fontFamily": "monolisa",
  "editor.fontSize": 16,
  "editor.wordWrap": "wordWrapColumn",
  "editor.linkedEditing": true,
  "editor.minimap.enabled": false,
  "git.inputValidationSubjectLength": 72,
  "window.title": "${activeEditorLong}${separator}${rootName}",
  "window.zoomLevel": 0.8,
  "workbench.editor.enablePreview": false,
  "editor.tabSize": 4,
  "prettier.requireConfig": false,
  "prettier.semi": false,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "eslint.alwaysShowStatus": true,
  "html.format.enable": false,
  "htmlhint.enable": true,
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "workbench.iconTheme": "vscode-icons",
  "rainbowTags.allowEverywhere": true,
  "emmet.triggerExpansionOnTab": true,
  "terminal.integrated.fontFamily": "monospace",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "explorer.confirmDelete": false,
  "[css]": {
    "editor.defaultFormatter": "vscode.css-language-features"
  }
}

Feel free to make edits to things like font-family, font-size, etc, based on your preferences, but make sure most things match this file.