Prettier

Автоматический форматировщик кода с минимумом настроек (opinionated).

Зачем нужно

  • Единый стиль форматирования без споров в команде
  • Поддержка JS, TS, HTML, CSS, JSON, Markdown, YAML
  • Интеграция с любым редактором (format on save)

Где используется

  • Любой фронтенд/бэкенд проект, CI проверки, pre-commit hooks

Установка и конфиг

npm i -D prettier

.prettierrc:

{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "all",
  "printWidth": 80,
  "arrowParens": "always"
}

.prettierignore:

dist/
node_modules/
*.min.js

Команды

npx prettier --write .          # форматировать всё
npx prettier --check .          # проверить (для CI)
npx prettier --write "src/**/*.ts"

Интеграция с ESLint

npm i -D eslint-config-prettier

В eslint.config.js добавь eslint-config-prettier последним -- он отключает правила ESLint, конфликтующие с Prettier.

Format on Save (VS Code)

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}

Связанные темы

Ресурсы