VSCode settings

settings.json

{
  "prettier.printWidth": 100,
  "prettier.singleQuote": true,
  "emmet.includeLanguages": {
    "postcss": "css",
    "javascript": "javascriptreact"
  },
  "emmet.syntaxProfiles": {
    "postcss": "css"
  },
  "files.associations": {
    "*.css": "css"
  },
  "css.validate": true,
  "scss.validate": true,
  "typescript.validate.enable": true,
  "javascript.validate.enable": true,
  "window.zoomLevel": 1,
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "git.confirmSync": false,
  "editor.detectIndentation": false,
  "editor.tabSize": 2,
  "workbench.startupEditor": "none",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.suggestSelection": "first",
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "terminal.external.linuxExec": "iterm",
  "terminal.external.osxExec": "Iterm.app",
  "terminal.integrated.fontFamily": "Meslo LG M DZ for Powerline",
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "tabnine.experimentalAutoImports": true,
  "editor.fontLigatures": true,
  "editor.renderWhitespace": "trailing",
  "editor.fontSize": 12,
  "debug.console.fontSize": 12,
  "[dart]": {
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.rulers": [
      80
    ],
    "editor.selectionHighlight": false,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.suggestSelection": "first",
    "editor.tabCompletion": "onlySnippets",
    "editor.wordBasedSuggestions": false
  },
  "workbench.editor.enablePreview": false,
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.colorTheme": "One Dark",
  "window.title": "${activeEditorShort}${separator}${folderName}",
  "security.workspace.trust.untrustedFiles": "open",
  "git.suggestSmartCommit": false,
  "notebook.cellToolbarLocation": {
    "default": "right",
    "jupyter-notebook": "left"
  },
  "search.exclude": {
    "**/node_modules": true,
    "**/bower_components": true,
    "**/env": true,
    "**/venv": true
  },
  //exludes fies & folders for watcher service
  "files.watcherExclude": {
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/node_modules/**": true,
    "**/env/**": true,
    "**/venv/**": true,
    "env-*": true
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "eslint.workingDirectories": [
    {
      "mode": "auto"
    }
  ],
  "eslint.alwaysShowStatus": true,
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "name": "One Dark italic",
        "scope": [
          "comment",
          "entity.other.attribute-name",
          "keyword",
          "markup.underline.link",
          "storage.modifier",
          "storage.type",
          "string.url",
          "variable.language.super",
          "variable.language.this"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "One Dark italic reset",
        "scope": [
          "keyword.operator",
          "keyword.other.type",
          "storage.modifier.import",
          "storage.modifier.package",
          "storage.type.built-in",
          "storage.type.function.arrow",
          "storage.type.generic",
          "storage.type.java",
          "storage.type.primitive"
        ],
        "settings": {
          "fontStyle": ""
        }
      }
    ]
  },
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.localHistory.enabled": false,
  "editor.accessibilitySupport": "off",
  "editor.linkedEditing": true,
  "html.autoClosingTags": true,
  "javascript.autoClosingTags": true,
  "typescript.autoClosingTags": true,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "javascript.suggest.autoImports": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.suggest.autoImports": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "javascript.suggest.completeJSDocs": true,
  "javascript.suggest.jsdoc.generateReturns": true,
  "typescript.suggest.completeJSDocs": true,
  "typescript.suggest.jsdoc.generateReturns": true,
  "diffEditor.ignoreTrimWhitespace": false,
  "window.titleBarStyle": "native",
  // Disables the layout control icon at the top right
  "workbench.layoutControl.enabled": false,
  // Enables an infinite amount of editors and disables
  // the useless "Open Editors" panel in the explorer.
  "explorer.openEditors.visible": 0,
  "explorer.autoReveal": true,
  // Removes the useless "breadcrumbs" tree below our tabs
  "breadcrumbs.enabled": false,
  "editor.overviewRulerBorder": false,
  // Add some padding to the top and bottom of our file
  "editor.padding.bottom": 14,
  "editor.padding.top": 14,
  "editor.scrollbar.horizontal": "hidden",
  "customizeUI.titleBar": "inline",
  "customizeUI.activityBar": "bottom",
  "customizeUI.statusBarPosition": "under-panel",
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "tsImportSorter.configuration.autoFormat": "off",
  "window.commandCenter": true,
  "git.mergeEditor": true,
  "tsImportSorter.configuration.groupRules": [
    [
      "^react-*",
      "^[@]",
      {}
    ],
    "^pages",
    "^components",
    "^hocs",
    "^hooks",
    "^types",
    "^store",
    "^actions",
    "^utils",
    "^services",
    "^[.]",
    {
      "flags": "scripts",
      "regex": "^./"
    }
  ],
}