🤔 Как пользовался линтер js?

Это инструменты, которые помогают разработчикам находить и устранять ошибки, улучшать стиль кода и обеспечивать соответствие кода определенным стандартам. Самый популярный линтер для JavaScript — это ESLint.

🚩Установка ESLint

1⃣Установка Node.js и npm
Убедитесь, что у вас установлены Node.js и npm (Node Package Manager). Их можно скачать и установить с [официального сайта Node.js].

2⃣Инициализация проекта
Если у вас еще нет проекта, создайте новый с помощью команды:

npm init -y   

3⃣Установка ESLint
Установите ESLint как dev-зависимость

npm install eslint --save-dev   

🚩Настройка ESLint

🟠Инициализация конфигурации ESLint
Запустите команду для создания файла конфигурации .eslintrc:

npx eslint --init   

🚩Использование ESLint

🟠Линтинг кода
Чтобы проверить ваш код с помощью ESLint, используйте команду

npx eslint имя_файла.js   

Например, если у вас есть файл app.js, выполните

npx eslint app.js   

🟠Автоматическое исправление ошибок
ESLint может автоматически исправлять некоторые типы ошибок. Используйте флаг --fix, чтобы исправить ошибки, которые можно исправить автоматически:

npx eslint имя_файла.js --fix   

🟠Линтинг всего проекта
Вы можете линтить все файлы в проекте, добавив скрипт в package.json. Откройте package.json и добавьте следующий скрипт в раздел "scripts":

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

Теперь вы можете запускать линтер для всего проекта с помощью команды

npm run lint

🚩Пример конфигурации .eslintrc.json

Приведем пример базовой конфигурации для проекта, не использующего фреймворки

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "rules": {
        "indent": ["error", 4],
        "linebreak-style": ["error", "unix"],
        "quotes": ["error", "single"],
        "semi": ["error", "always"]
    }
}

Ставь 👍 и забирай 📚 Базу знаний