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 >
JavaScript
· Flow
· TypeScript
· CSS
· SCSS
· Less
2017-12-26 16:20:10 +03:00
· JSX
2017-12-25 03:15:33 +03:00
· Vue
2017-11-07 06:39:07 +03:00
· GraphQL
· JSON
· Markdown
2018-01-18 00:54:36 +03:00
· < a href = "https://prettier.io/docs/en/plugins.html" >
Your favorite language?
< / a >
2017-11-07 06:39:07 +03:00
< / em >
< / p >
< p align = "center" >
< a href = "https://gitter.im/jlongster/prettier" >
< img alt = "Gitter" src = "https://img.shields.io/gitter/room/jlongster/prettier.svg?style=flat-square" >
< / a >
< a href = "https://travis-ci.org/prettier/prettier" >
2018-01-07 12:06:25 +03:00
< img alt = "Travis" src = "https://img.shields.io/travis/prettier/prettier/master.svg?style=flat-square" >
2017-11-07 06:39:07 +03:00
< / a >
< a href = "https://codecov.io/gh/prettier/prettier" >
< img alt = "Codecov" src = "https://img.shields.io/codecov/c/github/prettier/prettier.svg?style=flat-square" >
< / a >
< a href = "https://www.npmjs.com/package/prettier" >
< img alt = "npm version" src = "https://img.shields.io/npm/v/prettier.svg?style=flat-square" >
< / a >
< a href = "https://www.npmjs.com/package/prettier" >
2017-12-22 04:58:17 +03:00
< img alt = "monthly downloads" src = "https://img.shields.io/npm/dm/prettier.svg?style=flat-square" >
2017-11-07 06:39:07 +03:00
< / a >
< a href = "#badge" >
< img alt = "code style: prettier" src = "https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square" >
< / a >
2017-11-29 19:50:02 +03:00
< a href = "https://twitter.com/PrettierCode" >
< 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 ).