ESLint

Статический анализатор JavaScript/TypeScript кода для поиска ошибок и единого стиля.

Зачем нужно

  • Ловит баги до запуска (неиспользуемые переменные, неявные глобалы)
  • Единый code style в команде
  • Автофикс части проблем через --fix

Где используется

  • Любой JS/TS проект, CI/CD, pre-commit hooks

Установка и конфиг

npm init @eslint/config@latest

eslint.config.js (flat config, ESLint 9+):

import js from "@eslint/js";
import tseslint from "typescript-eslint";

export default [
  js.configs.recommended,
  ...tseslint.configs.recommended,
  {
    rules: {
      "no-unused-vars": "warn",
      "no-console": "warn",
      "eqeqeq": "error",
    },
  },
  { ignores: ["dist/", "node_modules/"] },
];

Основные команды

npx eslint .              # проверить всё
npx eslint src/ --fix     # автофикс
npx eslint --cache        # кэш для скорости

Популярные плагины

Плагин Назначение
typescript-eslint Поддержка TS
eslint-plugin-react Правила React
eslint-plugin-import Порядок импортов

ESLint + Prettier

ESLint проверяет логику, Prettier -- форматирование. Добавь eslint-config-prettier последним чтобы отключить конфликты.

Связанные темы

Ресурсы