Здравейте разработчици, всички обичаме простотата и лекотата при писане на код на езика javascript. Без съмнение той се превърна в универсален език за разработчиците по целия свят. Но всяко нещо си има цена, хлабавото свързване и простотата на езика също го правят уязвим за грешки. Благодарение на Nicholas C. Zakas имаме нещо чудесно за спасяване, това е eslint.
Забравете за инструмента за форматиране или разкрасяване на JavaScript.
По-долу са стъпките за започване на използване на eslint проект за възел.
Стъпка 1.Инсталиране на Eslint:
Имате опция за локално или глобално инсталиране:
npm install eslint --save-dev
За да се интегрирате във vscode, инсталирайте eslint разширение.
Стъпка 2. Добавете правила за linting:
Създайте .eslintrc файл в папката на проекта, това ще направи вашите правила специфични за проекта.
За да научите за различни правила, щракнете тук.
Можете също така просто да следвате правилата за най-добри практики около:
- JS стандарт: https://standardjs.com/
- Ръководство за стил на Airbnb Javascript: https://github.com/airbnb/javascript
Ще използваме JS стандарт като споделяема конфигурация, подробно описана тук:
npm install --save-dev eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node
добавете "extends": "standard"
към файла .eslintrc.
Стъпка 3. Конфигурирайте VS код:
На първо място, деактивирайте всички инструменти за форматиране или разкрасяване на JavaScript, които може да сте инсталирали погрешно във VS кода.
Добавете по-долу към потребителската настройка (json) в vs кода, това ще позволи автоматично форматиране според правилата на eslint, които сте дефинирали. И презаредете проекта си.
// old version { "eslint.run": "onSave", "eslint.autoFixOnSave": true } // new version of vsCode { "eslint.run": "onSave", "eslint.codeActionsOnSave.mode": "all" }
Вече сте готови.
Допълнителни неща:
- Дефинирайте среда в eslint:
{
"env": {
"browser": true,
"node": true,
"mocha":true
}
}
- Дефинирайте глобалните в eslint:
{
"globals": {
"var1": true,
"var2": false
}
}
- Можете също така да добавите git pre-commit hooks във вашия проект, който проверява за eslint грешки. И ако някой бъде намерен, няма да позволи на разработчика да се ангажира.
Благодаря, че прочетохте досега. Ако ви харесва статията, моля, дайте палец нагоре! :Д