ESLint

Add basics for Vite

Configuration

You can setup ESLint easily with preset, I offer the amazing @antfu/eslint-config from github.com/antfu/eslint-config.

pnpm add -D eslint @antfu/eslint-config

touch .eslintrc

{
  "extends": "@antfu"
}

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

.eslintignore

ESLint will scan every directory in your project, so you can add .eslintignore to ignore some directories.

touch .eslintignore

You can check Configs for example.

Format on save VSCode

mkdir .vscode
touch .vscode/settings.json

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

Manual

Add eslint.

pnpm add @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint -D

Create configuration.

touch .eslintrc

You can check Configs for example.