Pro psaní kvalitního Javascript kódu je potřebuje provádět statickou analýzu, která odhalí potenciální problémy. Pokud mám v kódu spoustu větví a třeba i nějaké „callback peklo“, snadno mohu přehlédnout nějakou variantu, jakou by se mohl návštěvník na webu vydat.
Předejít chybám např. typu „TypeError“ se dá pomocí nástoje ESLint. ESLint je velice užitečný nástroj na hledání a opravu chyb v Javascriptu.
Instalace do projektu je snadná.
npm install eslint --save-devPo instalaci je třeba inicializovat konfigurační soubor linteru.
npx eslint --initV PhpStormu si zapínám automatickou kontrolu přes ESLint a také přes skript v package.json si nastavím spuštění kompletní analýzy složky /assets, kde mám všechny Javascripty.
"eslint": "eslint --ext .js,.vue assets"
ESLint podporuje pluginy. Já používám např. Vue.js, takže si doinstaluji ještě eslint-plugin-vue, pokud jsem ho nevybral při inicializaci.
npm install eslint-plugin-vue@latest –save-dev
V konfiguračním souboru .eslintrc.[js] si přidám do env: „node“: true, protože používám na buildění Javascriptu Webpack a ten zase používá node.js.