Jak skonfigurować ESLint i Prettier w projekcie TypeScript

Utrzymanie spójnego stylu kodu w zespole jest kluczowe. Oto jak skonfigurować dwa najpopularniejsze narzędzia, które Ci w tym pomogą.

Krok 1: Instalacja zależności

Na początek musimy zainstalować wszystkie niezbędne paczki deweloperskie. Użyj swojego ulubionego menedżera pakietów.

npm install eslint prettier eslint-config-prettier eslint-plugin-prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev

Krok 2: Konfiguracja ESLint

Stwórz plik .eslintrc.json w głównym katalogu projektu i wklej do niego podstawową konfigurację, która połączy TypeScript z Prettierem.

Krok 3: Konfiguracja Prettier

Stwórz plik .prettierrc.json, aby zdefiniować swoje zasady formatowania, takie jak szerokość wcięcia czy użycie średników.