Какой опыт настройки Prettier

«Какой опыт настройки Prettier» — вопрос из категории Библиотеки, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Prettier — это мощный инструмент для форматирования кода, который помогает поддерживать единый стиль в проекте. Настраивал его в нескольких проектах, включая конфигурацию через .prettierrc или package.json.

Пример базовой конфигурации:

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "arrowParens": "always"
}

Интегрировал Prettier с ESLint через eslint-plugin-prettier, а также настраивал pre-commit хуки (например, через Husky + lint-staged) для автоматического форматирования перед коммитом.

Также работал с исключениями (.prettierignore) и кастомизацией под нужды команды (например, отключение форматирования для специфичных файлов).