Это инструменты, которые помогают разработчикам находить и устранять ошибки, улучшать стиль кода и обеспечивать соответствие кода определенным стандартам. Самый популярный линтер для JavaScript — это ESLint.
Убедитесь, что у вас установлены Node.js и npm (Node Package Manager). Их можно скачать и установить с [официального сайта Node.js].
Если у вас еще нет проекта, создайте новый с помощью команды:
npm init -y
Установите ESLint как dev-зависимость
npm install eslint --save-dev
Запустите команду для создания файла конфигурации
.eslintrc
: npx eslint --init
Чтобы проверить ваш код с помощью 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
Приведем пример базовой конфигурации для проекта, не использующего фреймворки
{
"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"]
}
}
Ставь 👍 и забирай 📚 Базу знаний