Workspace / Settings examples for VSCode IDE

example.code-workspace

{
	"folders": [
		{
			"name": "Health Worker Logger",
			"path": ".",
		}
  ],
  "extensions": {
    "recommendations": [
      "msjsdiag.debugger-for-chrome",
      "dbaeumer.vscode-eslint",
      "github.vscode-pull-request-github",
      "eamodio.gitlens",
      "visualstudioexptteam.vscodeintellicode",
      "davidanson.vscode-markdownlint",
      "googlecloudtools.cloudcode",
      "editorconfig.editorconfig",
      "pkief.material-icon-theme"
    ]
  },
	"settings": {
    "editor.tabSize": 2,
    "editor.fontSize": 16,
    "debug.console.fontSize": 14,
    "terminal.integrated.fontSize": 14,
    "editor.detectIndentation": false,
    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
    "editor.formatOnSave": false,
    "eslint.validate": [
      "typescript",
      "typescriptreact",
      "javascript",
      "javascriptreact"
    ],
    "eslint.enable": true,
    "eslint.packageManager": "yarn",
    "eslint.run": "onType",
    "editor.codeActionsOnSave": {
      // Notes on configuring eslint: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
      "source.fixAll.eslint": true,
    },
    "[javascript]": {
      // "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": true,
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      },
    },
    "[javascriptreact]": {
      "editor.defaultFormatter": "dbaeumer.vscode-eslint",
      "editor.formatOnSave": true,
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      }
    },
    "[typescript]": {
      // "editor.defaultFormatter": "esbenp.prettier-vscode",
      "editor.formatOnSave": false, // IMPORTANT! Only ESLint should be formatting to fix linting issues
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true,
      }
    },
    "[typescriptreact]": {
      // "editor.defaultFormatter": "esbenp.prettier-vscode",
    }    
	}
}