@antfu/eslint-config

Single quotes, no semi
Auto fix for formatting (aimed to be used standalone without Prettier)
Designed to work with TypeScript, Vue out-of-box
Lint also for json, yaml, markdown
Sorted imports, dangling commas for cleaner commit diff
Reasonable defaults, best practices, only one-line of config

Usage

Install

pnpm add -D eslint @antfu/eslint-config

Config `.eslintrc`

{
  "extends": "@antfu"
}

You don't need .eslintignore normally as it has been provided by the preset.

Add script for package.json

For example:

{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  }
}

Config VS Code auto fix

Install VS Code ESLint extension and create .vscode/settings.json

{
  "prettier.enable": false,
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

TypeScript Aware Rules

Type aware rules are enabled when a tsconfig.eslint.json is found in the project root. Refer to this file.

Extended Reading

Learn more about the context - Why I don't use Prettier.

Check Also

antfu/dotfiles - My dotfiles
antfu/vscode-settings - My VS Code settings
antfu/ts-starter - My starter template for TypeScript library
antfu/vitesse - My starter template for Vue & Vite app

License

MIT License © 2019-PRESENT Anthony Fu