settings.json

{
  // Startup Editor
  "workbench.startupEditor": "none",
  // Editor Custom Font
  "editor.fontFamily": "Fira Code Retina",
  // Explorer Behavior
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  // Editor Behavior
  "editor.selectionClipboard": false, // Only for Linux
  "javascript.suggest.autoImports": true,
  "editor.formatOnSave": true,
  "editor.suggestSelection": "first",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // Good for Recording
  "editor.quickSuggestions": false,
  "editor.mouseWheelZoom": true,
  "editor.renderLineHighlight": "gutter",
  "breadcrumbs.enabled": true,
  "explorer.compactFolders": false,
  // Editor indentation settings
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.detectIndentation": true,
  // Auto applies editor rules for long lines of code
  "editor.rulers": [80, 110],
  // ESLint configuration
  "eslint.packageManager": "yarn",
  "eslint.codeActionsOnSave.mode": "all",
  "prettier.singleQuote": true,
  "prettier.trailingComma": "es5",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  // Emmet
  "emmet.syntaxProfiles": {
    "javascript": "jsx" // Defines auto closing tags in JSX
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  // Editor
  "editor.fontLigatures": true,
  "workbench.iconTheme": "material-icon-theme",
  // Colorize settings
  "colorize.languages": ["javascript", "typescript", "json", "html", "css"],
  // Pretier settings
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[yaml]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.productIconTheme": "fluent-icons"
}