Prettier 2.7.1

jlongster

lydell

thorn0

vjeux

fisker

suchipi

duailibe

ikatyang

sosukesuzuki

prettier-bot

prettier

This is a JavaScript pretty-printer that is opinionated. All it takes is a width to format the code to and it does the rest. Zero config: it just works! Integrate this into your editor to get immediate feedback, or run it across an entire project to forma

Prettier is an opinionated JavaScript formatter

Prettier is an opinionated JavaScript formatter inspired by [refmt](https://facebook.github.io/reason/tools.html) with advanced support for language features from ES2017, JSX, and Flow. It removes all original styling and ensures that all outputted JavaSc

[![Gitter](https://badges.gitter.im/gitterHQ/gitter.svg)](https://gitter.im/jlongster/prettier)

[![Gitter](https://badges.gitter.im/gitterHQ/gitter.svg)](https://gitter.im/jlongster/prettier) [![Build Status](https://travis-ci.org/jlongster/prettier.svg?branch=master)](https://travis-ci.org/jlongster/prettier) [![NPM version](https://img.shields.io/

![Prettier Banner](https://unpkg.com/prettier-logo@1.0.3/images/prettier-banner-light.svg)

<h2 align="center">Opinionated Code Formatter</h2>


 
 JavaScript
 · TypeScript
 · Flow
 · JSX
 · JSON
 
 
 
 CSS
 · SCSS
 · Less
 
 
 
 HTML
 · Vue
 · Angular
 
 
 
 GraphQL
 · Markdown
 · YAML
 
 
 
 <a href="https://prettier.io/docs/en/plugins.html">
 Your favorite language?
 </a>
 



 <a href="https://github.com/prettier/prettier/actions?query=workflow%3AProd+branch%3Amain">
 <img alt="Github Actions Build Status" src="https://img.shields.io/github/workflow/status/prettier/prettier/Prod?label=Prod&style=flat-square"></a>
 <a href="https://github.com/prettier/prettier/actions?query=workflow%3ADev+branch%3Amain">
 <img alt="Github Actions Build Status" src="https://img.shields.io/github/workflow/status/prettier/prettier/Dev?label=Dev&style=flat-square"></a>
 <a href="https://github.com/prettier/prettier/actions?query=workflow%3ALint+branch%3Amain">
 <img alt="Github Actions Build Status" src="https://img.shields.io/github/workflow/status/prettier/prettier/Lint?label=Lint&style=flat-square"></a>
 <a href="https://codecov.io/gh/prettier/prettier">
 <img alt="Codecov Coverage Status" src="https://img.shields.io/codecov/c/github/prettier/prettier.svg?style=flat-square"></a>
 <a href="https://twitter.com/acdlite/status/974390255393505280">
 <img alt="Blazing Fast" src="https://img.shields.io/badge/speed-blazing%20%F0%9F%94%A5-brightgreen.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">
 <img alt="weekly downloads from npm" src="https://img.shields.io/npm/dw/prettier.svg?style=flat-square"></a>
 <a href="#badge">
 <img alt="code style: prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square"></a>
 <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>


## 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


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

### Output

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

Prettier can be run [in your editor](https://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!

---

**[Documentation](https://prettier.io/docs/en/)**


[Install](https://prettier.io/docs/en/install.html) ·
[Options](https://prettier.io/docs/en/options.html) ·
[CLI](https://prettier.io/docs/en/cli.html) ·
[API](https://prettier.io/docs/en/api.html)

**[Playground](https://prettier.io/playground/)**

---

## Badge

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)

```md
[![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](CONTRIBUTING.md).

prettier

Prettier 2.7.1

Opinionated Code Formatter

Intro

Input

Output

Badge

Contributing

FAQs

What is prettier?

Is prettier popular?

Is prettier well maintained?

prettier

.css-1z04cui{margin-bottom:var(--chakra-space-4);font-size:var(--chakra-fontSizes-md);}Prettier 2.7.1

Opinionated Code Formatter

Intro

Input

Output

Badge

Contributing

FAQs

What is prettier?

Is prettier popular?

Is prettier well maintained?

Prettier 2.7.1