2017-12-17 16:24:19 +03:00
![Prettier Banner ](https://raw.githubusercontent.com/prettier/prettier-logo/master/images/prettier-banner-light.png )
2017-11-07 06:39:07 +03:00
< h2 align = "center" > Opinionated Code Formatter< / h2 >
< p align = "center" >
< em >
2018-11-07 04:09:04 +03:00
JavaScript
· TypeScript
· Flow
· JSX
· JSON
< / em >
< br / >
< em >
CSS
· SCSS
· Less
< / em >
< br / >
< em >
HTML
· Vue
· Angular
< / em >
< br / >
< em >
GraphQL
· Markdown
· YAML
< / em >
< br / >
< em >
< a href = "https://prettier.io/docs/en/plugins.html" >
2018-01-18 00:54:36 +03:00
Your favorite language?
< / a >
2017-11-07 06:39:07 +03:00
< / em >
< / p >
< p align = "center" >
2018-11-16 03:35:51 +03:00
< a href = "https://dev.azure.com/prettier/prettier/_build/latest?definitionId=5" >
2018-12-18 03:16:32 +03:00
< img alt = "Azure Pipelines Build Status" src = "https://img.shields.io/azure-devops/build/prettier/79013671-677c-4846-a6d8-3050d40e21c0/5.svg?style=flat-square&label=build&branchName=master" > < / a >
2017-11-07 06:39:07 +03:00
< a href = "https://codecov.io/gh/prettier/prettier" >
2018-10-05 21:06:53 +03:00
< img alt = "Codecov Coverage Status" src = "https://img.shields.io/codecov/c/github/prettier/prettier.svg?style=flat-square" > < / a >
2018-06-04 07:16:06 +03:00
< a href = "https://twitter.com/acdlite/status/974390255393505280" >
2018-10-05 21:06:53 +03:00
< img alt = "Blazing Fast" src = "https://img.shields.io/badge/speed-blazing%20%F0%9F%94%A5-brightgreen.svg?style=flat-square" > < / a >
2018-06-04 07:16:06 +03:00
< br / >
2017-11-07 06:39:07 +03:00
< a href = "https://www.npmjs.com/package/prettier" >
2018-10-05 21:06:53 +03:00
< img alt = "npm version" src = "https://img.shields.io/npm/v/prettier.svg?style=flat-square" > < / a >
2017-11-07 06:39:07 +03:00
< a href = "https://www.npmjs.com/package/prettier" >
2018-10-05 21:06:53 +03:00
< img alt = "weekly downloads from npm" src = "https://img.shields.io/npm/dw/prettier.svg?style=flat-square" > < / a >
2017-11-07 06:39:07 +03:00
< a href = "#badge" >
2018-10-05 21:06:53 +03:00
< img alt = "code style: prettier" src = "https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square" > < / a >
2018-06-04 07:16:06 +03:00
< a href = "https://gitter.im/jlongster/prettier" >
2018-10-05 21:06:53 +03:00
< img alt = "Chat on Gitter" src = "https://img.shields.io/gitter/room/jlongster/prettier.svg?style=flat-square" > < / a >
2017-11-29 19:50:02 +03:00
< a href = "https://twitter.com/PrettierCode" >
2018-10-05 21:06:53 +03:00
< img alt = "Follow Prettier on Twitter" src = "https://img.shields.io/twitter/follow/prettiercode.svg?label=follow+prettier&style=flat-square" > < / a >
2017-11-07 06:39:07 +03:00
< / p >
## Intro
2017-11-22 14:27:40 +03:00
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.
2017-11-07 06:39:07 +03:00
### Input
2016-12-23 21:38:10 +03:00
2017-11-22 14:27:40 +03:00
<!-- prettier - ignore -->
2016-12-23 21:38:10 +03:00
```js
2017-01-10 08:45:11 +03:00
foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());
2016-12-23 21:40:43 +03:00
```
2016-12-23 21:38:10 +03:00
2017-11-07 06:39:07 +03:00
### Output
2016-12-23 21:38:10 +03:00
2017-01-11 03:26:35 +03:00
```js
2017-01-10 08:45:11 +03:00
foo(
reallyLongArg(),
omgSoManyParameters(),
IShouldRefactorThis(),
isThereSeriouslyAnotherOne()
);
```
2016-12-23 21:38:10 +03:00
2017-12-14 09:49:42 +03:00
Prettier can be run [in your editor ](http://prettier.io/docs/en/editors.html ) on-save, in a [pre-commit hook ](https://prettier.io/docs/en/precommit.html ), or in [CI environments ](https://prettier.io/docs/en/cli.html#list-different ) to ensure your codebase has a consistent style without devs ever having to post a nit-picky comment on a code review ever again!
2017-01-26 00:33:38 +03:00
2017-11-22 14:27:40 +03:00
---
2016-12-23 21:38:10 +03:00
2017-11-07 06:39:07 +03:00
**[Documentation](https://prettier.io/docs/en/)**
2016-12-23 21:38:10 +03:00
2017-11-22 14:27:40 +03:00
<!-- prettier - ignore -->
2017-11-07 06:39:07 +03:00
[Install ](https://prettier.io/docs/en/install.html ) ·
[Options ](https://prettier.io/docs/en/options.html ) ·
[CLI ](https://prettier.io/docs/en/cli.html ) ·
2017-11-07 23:08:21 +03:00
[API ](https://prettier.io/docs/en/api.html )
2016-11-29 20:26:03 +03:00
2017-11-07 06:39:07 +03:00
**[Playground](https://prettier.io/playground/)**
2016-12-23 21:38:10 +03:00
2017-11-22 14:27:40 +03:00
---
2016-12-23 21:38:10 +03:00
2017-03-29 17:26:01 +03:00
## Badge
2017-11-22 14:27:40 +03:00
Show the world you're using _Prettier_ → [![code style: prettier ](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square )](https://github.com/prettier/prettier)
2017-03-29 17:26:01 +03:00
```md
2017-11-07 06:39:07 +03:00
[![code style: prettier ](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square )](https://github.com/prettier/prettier)
2017-03-29 17:26:01 +03:00
```
2017-01-10 08:45:11 +03:00
## Contributing
2016-11-29 20:26:03 +03:00
2017-05-24 18:32:20 +03:00
See [CONTRIBUTING.md ](CONTRIBUTING.md ).