@taktikal/eslint-config

Eslint + Prettier config for TypeScript and React projects.

Install

npm i -D @taktikal/eslint-config

Add eslint config

Eslint will automatically interpret @taktikal as @taktikal/eslint-config.

{
  "extends": "@taktikal"
}

Add Prettier config

Add this line to your package.json:

{
  "prettier": "@taktikal/eslint-config/prettier"
}

Format on save (VSCode)

Install VSCode Prettier plugin

First you need to install the Prettier plugin for VSCode.

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Modify VSCode settings

In your .vscode/settings.json file, add the following:

{
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}