Logo David Burdelak
Słownik · Programowanie i wzorce projektowe

Co to jest ESLint?

Ostatnia aktualizacja:

ESLint to linter, czyli program, który analizuje kod JavaScript i TypeScript bez jego uruchamiania i wskazuje błędy, ryzykowne konstrukcje oraz odstępstwa od przyjętych reguł. Można go rozszerzać wtyczkami i konfigurować, a jego reguły część błędów potrafi poprawić automatycznie.

Co sprawdza ESLint?

Wykrywa m.in. nieużywane zmienne, odwołania do niezdefiniowanych nazw, niepoprawne porównania i brak obsługi wyjątków. Dzięki wtyczkom obsługuje frameworki takie jak React i Vue oraz sprawdza dostępność elementów interfejsu.

Konfiguracja i integracja

Reguły zapisuje się w pliku konfiguracyjnym projektu, a narzędzie uruchamia z linii poleceń, w edytorze i w potoku CI. Dzięki temu błędy są wychwytywane już podczas pisania, a nie dopiero na etapie przeglądu kodu.

ESLint a Prettier

ESLint dba głównie o jakość i poprawność kodu, a Prettier o jednolite formatowanie. W praktyce używa się ich razem, wyłączając w ESLint reguły dotyczące formatu, aby nie kolidowały z Prettierem.

Ma to szczególne znaczenie, gdy w projekcie działa automatyczne sprawdzanie szybkości i jakości kodu przed wdrożeniem.

Zobacz w praktyce

Powiązane pojęcia

Wszystkie hasła z kategorii Programowanie i wzorce projektowe