React Next1 min čtení
Prettier + EditorConfig bez konfliktov
Konzistentný formát kódu naprieč IDE a členmi tímu.
Formátovanie má byť automatické, nie predmet diskusie. Prettier + EditorConfig držia konzistentný štýl bez ručnej práce.
Oficiálne zdroje:
Čo si z článku odnesieš
- ako zladiť formatter a editor nastavenia
- ako predísť zbytočným diffom
- ako zaviesť formátovanie bezpečne do existujúceho projektu
Praktický postup
- Commitni jednotnú konfiguráciu do rootu projektu.
- Zapni format on save pre celý tím.
- Pri väčšej migrácii sprav samostatný format commit.
- Formát drž oddelene od logických zmien v PR.
Príklad z praxe
# .editorconfig
[*]
indent_style = space
indent_size = 2
insert_final_newline = trueAko overíš, že je to správne
- Over, že všetci v tíme používajú rovnakú konfiguráciu.
- Skontroluj, že formátovanie nemení runtime správanie.
- Spusť lint po formátovacom commite.
Najčastejšie chyby
- viac formatterov bojuje o rovnaké súbory,
- format zmeny zmiešané s funkcionalitou,
- lokálne editor výnimky bez dokumentácie.
Mini úloha
- Urob čistý format commit.
- Nastav format on save v editore.
- Doplň CONTRIBUTING o formátovacie pravidlá.
Čo bude ďalej
V ďalšom článku: Husky + lint-staged: kvalita pred commitom.