Nuxt2 min read
ESLint vo Vue SFC a Nuxt projektoch
Statická analýza kódu, ktorá chytá chyby ešte pred testami.
ESLint nie je byrokracia. Je to lacný spôsob, ako odhaliť chyby ešte pred review, najmä v SFC súboroch s script setup.
Oficiálne zdroje:
Čo si z článku odnesieš
- ako nastaviť konzistentné lint pravidlá pre Nuxt/Vue
- ktoré pravidlá majú najväčší dopad na kvalitu
- ako zaviesť lint bez demotivácie tímu
Praktický postup
- Začni s odporúčaným presetom a pridávaj iba pravidlá, ktoré tím rozumie.
- Rozdeľ pravidlá na „error“ (blokuje merge) a „warn“ (postupné zlepšovanie).
- Zapni lint priamo v editore, aby spätná väzba bola okamžitá.
- Daj lint do CI a nedovoľ merge pri erroroch.
Príklad z praxe
// eslint.config.mjs (výsek)
export default [
{
rules: {
'no-console': ['warn', { allow: ['warn', 'error'] }],
'@typescript-eslint/no-explicit-any': 'error'
}
}
]Ako overíš, že je to správne
- Spusť
npm run lintna čistom branche. - Over, že editor zobrazuje lint chyby priamo v súbore.
- Skontroluj CI, že lint je blocking krok.
Najčastejšie chyby
- príliš veľa custom pravidiel bez dôvodu,
- globálne
eslint-disablebez vysvetlenia, - lint spúšťaný len manuálne.
Mini úloha
- Pridaj jedno pravidlo, ktoré rieši reálny problém v tíme.
- Odstráň aspoň 5 lint warningov zo starého kódu.
- Doplň krátky „Lint policy“ text do README.
Čo bude ďalej
V ďalšom článku: Prettier + EditorConfig pre Nuxt/Vue.