ESLint + Prettier + VSCode Configuration

.eslintrc

{
  "plugins": ["prettier"],
  "extends": [
    "plugin:prettier/recommended",
    "plugin:jest/recommended"
  ],
  "rules": {
    // only rules that don't conflict with the rules declared in .prettierrc
  }
  // other eslint stuff
}

.prettierrc

{
  "printWidth": 120,
  "trailingComma": "all",
  "singleQuote": true,
  "bracketSpacing": true
}

Installed Extensions in VSCode

ESLint (dbaeumer.vscode-eslint)
Prettier (esbenp.prettier-vscode)
TSLint (ms-vscode.vscode-typescript-tslint-plugin)

package.json

"devDependencies": {
  "eslint-config-prettier": "^4.1.0",
  "eslint-plugin-prettier": "^3.0.0",
  "prettier": "^1.16.4",
}

VSCode's settings.json

{
    "files.autoSave": "onFocusChange",
    "editor.codeActionsOnSave": {
      "source.fixAll": true
    },
    "eslint.enable": true,
    "eslint.autoFixOnSave": true,
    "prettier.eslintIntegration": true,
    "prettier.requireConfig": true,
    "tslint.jsEnable": false
}