andrejtop / ESLint

ESLint (задача со звёздочкой)

Важно: данная задача не является обязательной

Легенда

Очень важно следить за качеством кода в вашем проекте и следовать единым принципам кодирования в команде. В этом нам поможет ещё один инструмент - ESLint.

Описание

Ваша задача «прикрутить» ESLint к проекту и настроить работу с его использованием.

Установка:

npm install --save-dev eslint
npx eslint --init

При инициализации конфиг-файла выберите те же опции, что указаны в лекции:

• How would you like to use ESLint? · problems
• What type of modules does your project use? · esm
• Which framework does your project use? · none
• Does your project use TypeScript? · No
• Where does your code run? · browser, node
• What format do you want your config file to be in? · JavaScript

Настройте скрипт запуска lint для npm. Для этого в секции scripts файла package.json пропишите:

{
    ...
    "scripts": {
        ...
        "lint": "eslint ."
        ...
    }
}

Создайте файл src/app.js со следующим содержимым:

const characters = [
  {name: 'мечник', health: 10},
  {name: 'маг', health: 100},
  {name: 'маг', health: 0},
  {name: 'лучник', health: 0}
];

const alive = characters.filter(item => item.health > 0);

Содержимое .eslintignore:

dist

Содержимое .eslintrc.js:

module.exports = {
  'env': {
    'browser': true,
    'es2021': true,
    'node': true
  },
  'extends': 'eslint:recommended',
  'overrides': [],
  'parserOptions': {
    'ecmaVersion': 'latest',
    'sourceType': 'module'
  },
  'rules': {}
}

Запустите ESLint и удостоверьтесь, что вам показываются ошибки стиля. Исправьте их, затем снова запустите ESLint и удостоверьтесь, что исправлены все ошибки проверки стиля.