![](\"https://cloud.githubusercontent.com/assets/197597/24886367/dda8a6f0-1e08-11e7-865b-22492450f10f.png\")
![](\"https://cloud.githubusercontent.com/assets/197597/24886368/ddacd6f8-1e08-11e7-806a-9febd23cbf47.png\")
\n\n\n## Why Prettier?\n\n### Building and enforcing a style guide\n\nBy far the biggest reason for adopting Prettier is to stop all the on-going debates over styles. It is generally accepted that having a common style guide is valuable for a project and team but getting there is a very painful and unrewarding process. People get very emotional around particular ways of writing code and nobody likes spending time writing and receiving nits.\n- “We want to free mental threads and end discussions around style. While sometimes fruitful, these discussions are for the most part wasteful.”\n- “Literally had an engineer go through a huge effort of cleaning up all of our code because we were debating ternary style for the longest time and were inconsistent about it. It was dumb, but it was a weird on-going \"great debate\" that wasted lots of little back and forth bits. It's far easier for us all to agree now: just run Prettier, and go with that style.”\n- “Getting tired telling people how to style their product code.”\n- “Our top reason was to stop wasting our time debating style nits.”\n- “Having a githook set up has reduced the amount of style issues in PRs that result in broken builds due to ESLint rules or things I have to nit-pick or clean up later.”\n- “I don't want anybody to nitpick any other person ever again.”\n- “It reminds me of how Steve Jobs used to wear the same clothes every day because he has a million decisions to make and he didn't want to be bothered to make trivial ones like picking out clothes. I think Prettier is like that.”\n\n### Helping Newcomers\n\nPrettier is usually introduced by people with experience in the current codebase and JavaScript but the people that disproportionally benefit from it are newcomers to the codebase. One may think that it's only useful for people with very limited programming experience, but we've seen it quicken the ramp up time from experienced engineers joining the company, as they likely used a different coding style before, and developers coming from a different programming language.\n- “My motivations for using Prettier are: appearing that I know how to write JavaScript well.”\n- “I always put spaces in the wrong place, now I don't have to worry about it anymore.”\n- “When you're a beginner you're making a lot of mistakes caused by the syntax. Thanks to Prettier, you can reduce these mistakes and save a lot of time to focus on what really matters.”\n- “As a teacher, I will also tell to my students to install Prettier to help them to learn the JS syntax and have readable files.”\n\n### Writing code\n\nWhat usually happens once people are using Prettier is that they realize that they actually spend a lot of time and mental energy formatting their code. With Prettier editor integration, you can just press that magic key binding and poof, the code is formatted. This is an eye opening experience if anything else.\n- “I want to write code. Not spend cycles on formatting.”\n- “It removed 5% that sucks in our daily life - aka formatting”\n- “We're in 2017 and it's still painful to break a call into multiple lines when you happen to add an argument that makes it go over the 80 columns limit :(“\n\n### Easy to adopt\n\nWe've worked very hard to use the least controversial coding styles, went through many rounds of fixing all the edge cases and polished the getting started experience. When you're ready to push Prettier into your codebase, not only should it be painless for you to do it technically but the newly formatted codebase should not generate major controversy and be accepted painlessly by your co-workers.\n- “It's low overhead. We were able to throw Prettier at very different kinds of repos without much work.”\n- “It's been mostly bug free. Had there been major styling issues during the course of implementation we would have been wary about throwing this at our JS codebase. I'm happy to say that's not the case.”\n- “Everyone runs it as part of their pre commit scripts, a couple of us use the editor on save extensions as well.”\n- “It's fast, against one of our larger JS codebases we were able to run Prettier in under 13 seconds.”\n- “The biggest benefit for Prettier for us was being able to format the entire code base at once.”\n\n### Clean up an existing codebase\n\nSince coming up with a coding style and enforcing it is a big undertaking, it often slips through the cracks and you are left working on inconsistent codebases. Running Prettier in this case is a quick win, the codebase is now uniform and easier to read without spending hardly any time.\n- “Take a look at the code :) I just need to restore sanity.”\n- “We inherited a ~2000 module ES6 code base, developed by 20 different developers over 18 months, in a global team. Felt like such a win without much research.\n\n### Ride the hype train\n\nPurely technical aspects of the projects aren't the only thing people look into when choosing to adopt Prettier. Who built and uses it and how quickly it spreads through the community has a non-trivial impact.\n- “The amazing thing, for me, is: 1) Announced 2 months ago. 2) Already adopted by, it seems, every major JS project. 3) 7000 stars, 100,000 npm downloads/mo”\n- “Was built by the same people as React & React Native.”\n- “I like to be part of the hot new things.”\n- “Because soon enough people are gonna ask for it.”\n\nA few of the [many projects](https://www.npmjs.com/browse/depended/prettier) using Prettier:\n\n| \n | \n | \n |
| \n | \n | \n |
![\"React\"](\"website/static/images/react-200x100.png\")
![\"Jest\"](\"website/static/images/jest-200x100.png\")
![\"Yarn\"](\"website/static/images/yarn-200x100.png\")
![\"Babel\"](\"website/static/images/babel-200x100.png\")
![\"Zeit\"](\"website/static/images/zeit-200x100.png\")
![\"Webpack-cli\"](\"website/static/images/webpack-200x100.png\")
--trailing-comma trailingComma: \"\" |\n| **Trailing Commas (extended)** - You can also customize each place to use trailing commas:--trailing-comma \"array,object,import,export,arguments\" trailingComma: { array: true, object: true, import: true, export: true, arguments: false } |\n| **Bracket Spacing** - Print spaces between brackets in array literals.--trailing-comma | trailingComma: \"\" \n\n### Bracket Spacing\nPrint spaces between brackets in object literals.\n\nValid options:\n * `true` - Example: `{ foo: bar }`.\n * `false` - Example: `{foo: bar}`.\n\nDefault | CLI Override | API Override\n--------|--------------|-------------\n`true` | `--no-bracket-spacing` | `bracketSpacing: