Официальный Плагины Разработка

Prettier

Универсальное
Открыть источник ↗ GitHub ↗
Установка 
npm install --save-dev prettier (см. README)

Описание

Prettier — самый популярный форматтер исходного кода: принимает почти все решения о стиле за вас, поддерживает JavaScript, TypeScript, CSS, HTML, Markdown, JSON, YAML и десятки языков через плагины, интегрируется с редакторами и pre-commit хуками, опция –write форматирует проект целиком. Пары с ESLint через eslint-config-prettier. Стандарт форматирования веб-индустрии.

Что умеет:
— форматировать код в едином стиле;
— поддерживать десятки языков;
— работать из редакторов и CI;
— сочетаться с линтерами.

Полная документация ниже — автоматически из репозитория prettier/prettier (ветка main). Оригинальные материалы проекта распространяются на условиях его лицензии.

Prettier Banner

Opinionated Code Formatter


JavaScript
· TypeScript
· Flow
· JSX
· JSON



CSS
· SCSS
· Less



HTML
· Vue
· Angular



GraphQL
· Markdown
· YAML




Your favorite language?


CI Status

Coverage Status

Blazing Fast


npm version

weekly downloads from npm

code style: prettier

Follow Prettier on X

Intro

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

Input

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

Output

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
);

Prettier can be run in your editor on-save, in a pre-commit hook, or in CI environments to ensure your codebase has a consistent style without devs ever having to post a nit-picky comment on a code review ever again!

Documentation

Install ·
Options ·
CLI ·
API

Playground

Badge

Show the world you’re using Prettier → code style: prettier

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

Contributing

See CONTRIBUTING.md.