My ideal vscode config

settings.json.js

{
  "workbench.colorTheme": "One Dark Pro Monokai Darker",
  "files.autoSave": "onFocusChange",
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  "eslint.autoFixOnSave": true,
  "markdown.extension.preview.autoShowPreviewToSide": true,
  "markdown.preview.scrollPreviewWithEditor": true,
  "less.compile": {
    "compress": true
  },
  "window.zoomLevel": 1,
  // Trying these out for ESLint compliance
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
  "editor.tabSize": 2,
  "editor.fontSize": 13,
  "editor.autoIndent": true,
  // Always force the indentation to size = 2
  "editor.detectIndentation": false,
  "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    // Excludes for TypeScript
    "**/*.js": {
      "when": "$(basename).ts"
    }
  },
  "eslint.packageManager": "yarn",
  "eslint.run": "onType",
  "eslint.validate": [
    {
      "language": "javascript",
      "autoFix": true
    },
    "javascriptreact",
    {
      "language": "html",
      "autoFix": false
    }
  ],
  "prettier.eslintIntegration": true,
  "workbench.iconTheme": "material-icon-theme"
}