Настраивай Prettier и ESLint на проекте — и будь красавчиком!
🔧 Настраивай Prettier и ESLint на проекте!
Знаешь, что объединяет крутые команды?
Нет, не мерч.
Одинаковый стиль кода.
🎨 Единый стиль — меньше ссор, больше кайфа
- Неважно, tabs или spaces.
- Неважно, кавычки одинарные или двойные.
- Главное — все пишут одинаково.
Идеальный стиль — это не тот, что нравится лично тебе.
Это тот, который соблюдается без вопросов и баталий в pull request.
✨ Prettier — автоматическая красота кода
Prettier — это как автопилот в Tesla, только для форматирования кода.
- Он сам ставит пробелы, отступы, кавычки.
- Убирает лишние переносы.
- Сохраняет психику ревьювера.
npx prettier --write .📖 Документация: prettier.io
🕵️ ESLint — ловит проблемы до того, как они стрельнут
ESLint — это как строгий наставник в коде:
- говорит, если переменная не используется,
- ругается на
==вместо===, - подсказывает, если забыли
await, - может настроиться на любую строгость — от дзена до сталинизма.
📖 Документация: eslint.org
🚀 Что даёт связка Prettier + ESLint
- 🧼 Код автоматически форматируется (меньше споров!)
- 🛑 Ошибки ловятся до запуска (меньше багов!)
- 🤝 Все в команде пишут одинаково (больше уважения!)
- ⚙️ Поддержка ES6+, TypeScript, JSX — из коробки
- 🧠 Ревьюеры не обсуждают запятую — а концентрируются на логике
📦 Как подключить (если ты ещё не)
npm install --save-dev prettier eslint
npx eslint --initА потом добавь себе в package.json:
"scripts": {
"lint": "eslint .",
"format": "prettier --write ."
}И не забудь .prettierrc и .eslintrc — там живёт магия.
🧠 Совет от бывалого
Не надо спорить про стиль кода на ревью.
Пусть за вас это решают роботы.
А вы лучше обсудите бизнес-логику или архитектуру.
📝 Вывод
Настроить Prettier и ESLint — это как поставить в проект фильтр от токсичности.
- Код становится чище,
- Команда — спокойнее,
- Разработка — быстрее.
📌 Сделай это один раз — и забудь про вечные «а чего у тебя отступ в 3 пробела?»
📚 Полезные ссылки:
🚀 Настраивай линтеры. Будь красавчиком.