Prettier - мощный форматтер для вашего кода

Prettier освобождает разработчиков от споров о стиле кода и автоматически приводит файлы к единому, предсказуемому виду.

Prettier Logo

Что такое Prettier

Prettier — инструмент для автоматического форматирования исходного кода. Его цель — убрать человеческий фактор из вопросов стиля: переносы строк, пробелы, позиционирование скобок и кавычек форматирует машина, а разработчики концентрируются на логике.

Идея: форматирование — это не обсуждение, а операция, которую выполняет инструмент. Благодаря этому уменьшается шум в ревью и экономится время команды.

Поддерживаемые форматы и языки

Prettier покрывает широкий набор языков и форматов, включая:

Language / Format Formatting
JavaScript / JSX ✅
TypeScript / TSX ✅
JSON / JSONC ✅
CSS / SCSS / Less ✅
HTML ✅
Markdown ✅
YAML ✅
  • ✅: Поддерживается

Короткая история

Prettier вырос из практических нужд команд, уставших от вечных споров о стиле. Проект сделал смелый выбор: минимум опций и автоматическое, детерминированное форматирование. Это помогло ему быстро стать популярным в сообществе фронтенда.

Интересный момент

Команды часто отмечают: проще согласовать форматирование одной утилитой, чем вести войны конфигураций в каждом PR.

Интеграция с редакторами

Prettier легко интегрируется в редакторы: у него есть расширения для VS Code, плагины для JetBrains IDE, и конфигурации для Neovim/Vim. Самый частый сценарий — автоформатирование при сохранении файла.

Также Prettier часто подключают в CI, чтобы принудительно поддерживать единый стиль в ветках и пулл-реквестах.

Быстрый старт

Установка

Самый простой способ — через npm:

npm install --save-dev prettier

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

Добавьте скрипт в package.json и запустите форматирование:

{
  "scripts": {
    "format": "prettier --write \"src/**/*.{js,ts,jsx,tsx,json,css,md}\""
  }
}

Конфигурация

Prettier минималистичен по опциям: ширина строки, табы vs пробелы, одиночные/двойные кавычки, конечная запятая и несколько других. Это облегчает принятие конфигурации командой.

Настройка в VS Code

  1. Установите расширение Prettier из Marketplace.
  2. Включите форматирование при сохранении в настройках.
  3. При необходимости добавьте файл .prettierrc в корень проекта.

Мнения сообщества

Большинство разработчиков ценит Prettier за простоту и экономию времени. Критика обычно связана с нехваткой гибкости: если вы хотите точечно управлять внешним видом кода, Prettier может показаться слишком строгим.

Практический совет: используйте Prettier вместе с линтером (например, ESLint), чтобы покрыть и форматирование, и семантические правила.

Prettier — это инструмент для снижения дискуссий о стиле. Если вы хотите избавиться от мелких споров в команде — он почти всегда помогает.

Заключение

Prettier — прагматичный инструмент: он не даёт абсолютной гибкости, зато даёт согласованность и экономию времени. Для большинства проектов — особенно новых и средних по размеру — это быстрый выигрыш в производительности команды.

Если у вас большой проект с историческими правилами форматирования — внедряйте постепенно: начните с новых файлов, добавьте CI-правила и дайте команде время привыкнуть.