eslint-config-plus-prettier

eslint-config-plus-prettier

Standard config for ESLint and Prettier. Also includes an optional TSConfig.

Install

npm install --save-dev eslint-config-plus-prettier
npx install-peerdeps --dev eslint-config-plus-prettier

Add the following scripts to your package.json:

"scripts": {
  "format": "prettier --write .",
  "format:check": "prettier --check .",
  "lint": "eslint . --ext .ts,.js --fix",
  "lint:check": "eslint . --ext .ts,.js"
}

Configure ESLint

Add a .eslintrc.json file with the following:

{
  "extends": "eslint-config-plus-prettier"
}

Consider adding a .eslintignore file to avoid trying to lint compiled code in the dist folder:

dist

Configure Prettier

Add prettier config to package.json:

"prettier": "eslint-config-plus-prettier/.prettierrc.json"

Consider adding a .prettierignore file to avoid formatting generated files:

package-lock.json
CHANGELOG.md

Configure TSConfig (optional)

Add a tsconfig.json file with the following:

{
  "extends": "eslint-config-plus-prettier/tsconfig.json",
  "include": ["src"], // Files to be compiled
  "compilerOptions": {
    "outDir": "dist" // Compiled directory
  }
}

Use

npm run lint
npm run format

• lint will check for errors and fix formatting in .ts and .js files.
• format will apply format rules to all possible files.