ESlint/autosave VSCode settings

settings.json

{
  "prettier.eslintIntegration": true,
  "editor.formatOnSave": true,
  "eslint.enable": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "typescript", "autoFix": true },
    { "language": "typescriptreact", "autoFix": true }
  ],
}

Note I have disabled the editor's formatOnSave for js & ts because eslint handles that for me.

Extensions

ESlint: https://github.com/Microsoft/vscode-eslint.git
Prettier: https://github.com/prettier/prettier-vscode.git

Work great! 👍 Thanks!

I have removed autofix on save on Dan's recommendation, but if you want fixable eslint warnings to be fixed on save, add this:

  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false
  },
  "[typescript]": {
    "editor.formatOnSave": false
  },
  "[typescriptreact]": {
    "editor.formatOnSave": false
  },
  "eslint.autoFixOnSave": true,

It's probably better to manually fix errors so that you learn from them, rather than having them magically fixed for you.

The "autoFix": true for TS in the eslint.validate rules is still necessary in order to get the little lightbulb to show up in VSCode.