VS Code Recommended Settings

settings.json

{
  // TypeScript configuration
  // Use the project-local typescript version / may be desired, comment out on old TS versions
  "typescript.tsdk": "node_modules/typescript/lib",
  "typescript.preferences.importModuleSpecifier": "relative",

  // Terminal settings
  "terminal.integrated.scrollback": 100000, // Terminal scrollback line limit
  // Set terminal font size to match VS Code font size. See: https://www.NerdFonts.com/
  "terminal.integrated.fontFamily": "'MesloLGS NF', 'Hack Nerd Font', Menlo, Monaco, 'Courier New', monospace",

  // Editor settings
  "editor.fontFamily": "'MesloLGS NF', 'Hack Nerd Font', Menlo, Monaco, 'Courier New', monospace",
  "editor.wordWrap": "bounded",
  "editor.wordWrapColumn": 100,
  "editor.tabSize": 2, // Condensed 'tab' size

  // ESLint Plugin Config
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "eslint.format.enable": true,
  "eslint.packageManager": "yarn",
  "eslint.alwaysShowStatus": true,


  // Prettier Plugin Defaults
  "prettier.enable": true,
  "prettier.requireConfig": true,
  "prettier.singleQuote": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSaveMode": "modificationsIfAvailable",
  "[javascript]": {
    "editor.formatOnSaveMode": "modificationsIfAvailable",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.formatOnSaveMode": "modificationsIfAvailable",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.formatOnSaveMode": "modificationsIfAvailable",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.formatOnSaveMode": "modificationsIfAvailable",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

}