Здравейте разработчици, всички обичаме простотата и лекотата при писане на код на езика javascript. Без съмнение той се превърна в универсален език за разработчиците по целия свят. Но всяко нещо си има цена, хлабавото свързване и простотата на езика също го правят уязвим за грешки. Благодарение на Nicholas C. Zakas имаме нещо чудесно за спасяване, това е eslint.

Забравете за инструмента за форматиране или разкрасяване на JavaScript.

По-долу са стъпките за започване на използване на eslint проект за възел.

Стъпка 1.Инсталиране на Eslint:
Имате опция за локално или глобално инсталиране:

npm install eslint --save-dev

За да се интегрирате във vscode, инсталирайте eslint разширение.

Стъпка 2. Добавете правила за linting:
Създайте .eslintrc файл в папката на проекта, това ще направи вашите правила специфични за проекта.

За да научите за различни правила, щракнете тук.

Можете също така просто да следвате правилата за най-добри практики около:

Ще използваме 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 грешки. И ако някой бъде намерен, няма да позволи на разработчика да се ангажира.

Благодаря, че прочетохте досега. Ако ви харесва статията, моля, дайте палец нагоре! :Д