My vs-code configurations

vs-code-extensions

{
  "formulahendry.auto-rename-tag",
  "coenraads.bracket-pair-colorizer-2",
  "streetsidesoftware.code-spell-checker-portuguese-brazilian",
  "streetsidesoftware.code-spell-checker",
  "naumovs.color-highlight",
  "clinyong.vscode-css-modules",
  "dracula-theme.theme-dracula",
  "editorconfig.editorconfig",
  "digitalbrainstem.javascript-ejs-support",
  "irongeek.vscode-env",
  "dbaeumer.vscode-eslint",
  "eamodio.gitlens",
  "xabikos.javascriptsnippets",
  "ritwickdey.liveserver",
  "bierner.markdown-preview-github-styles",
  "pkief.material-icon-theme",
  "esbenp.prettier-vscode",
  "ms-vscode-remote.remote-wsl",
  "gruntfuggly.todo-tree",
  "visualstudioexptteam.vscodeintellicode",
  "jpoissonnier.vscode-styled-components"
}

vs-code-settings

{
  "workbench.colorTheme": "Dracula",
  "editor.minimap.enabled": false,
  "todo-tree.tree.showScanModeButton": false,
  "workbench.iconTheme": "material-icon-theme",
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "explorer.confirmDelete": false,

  // Font default to JetBrains Mono
  "editor.fontFamily": "JetBrains Mono",
  "editor.fontLigatures": true,

  // =========== Plugins & Extensions General Config ===============

  // Enable Format On Save
  "editor.formatOnSave": true,

  // Make ESLint fix all the things that he can on save (like prettier formating)
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

  // Define Tab Size = 2 Spaces (Half of the Default Size)
  "editor.tabSize": 2,

  // Disable Tab To Space Conversion
  "editor.insertSpaces": false,

  // Make Prettier The Default Code Formatter
  "editor.defaultFormatter": "esbenp.prettier-vscode",

  // Config Default End Of Line Formatting
  "files.eol": "\n",

  // ================ Languages General Config ====================

  // TypeScript
  "typescript.updateImportsOnFileMove.enabled": "always",
  "typescript.tsserver.log": "off",
  "typescript.suggest.autoImports": true,
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  // JavaScript
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.suggest.autoImports": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // JSON
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },

  // =========== Plugins & Extensions General Config ===============

  // GitLens
  "gitlens.codeLens.recentChange.enabled": false,
  "gitlens.codeLens.authors.enabled": true,
  "gitlens.codeLens.enabled": false,

  // Eslint
  "eslint.packageManager": "yarn",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],

  // Material Icon Theme
  "material-icon-theme.folders.associations": {
    "types": "typescript",
    "interfaces": "typescript"
  },
  "explorer.confirmDragAndDrop": false,
  "prettier.arrowParens": "avoid",
  "todo-tree.general.tags": [
    "BUG",
    "HACK",
    "FIXME",
    "TODO",
    "XXX",
    "[ ]",
    "[x]"
  ],
  "todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS)",
  "cSpell.language": "en,pt,pt_BR",

  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",

  "workbench.statusBar.visible": false,

  "[javascript]": {
    "editor.defaultFormatter": null
  },
  "[typescript]": {
    "editor.defaultFormatter": null
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": null
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": null
  },
  "workbench.activityBar.visible": false,
  "explorer.compactFolders": false
}