Prettier Config Builder

Build a .prettierrc file interactively. Toggle options, watch a live sample format in real time, then copy the config as JSON, JSON5, YAML, or a package.json field.

Options

Print Width Line length the printer will try not to exceed.

Tab Width Number of spaces per indentation level.

Use TabsIndent with tabs instead of spaces.

SemicolonsPrint semicolons at the end of statements.

Single QuotesUse ' instead of " for strings.

JSX Single QuotesUse single quotes in JSX attributes.

Trailing Comma Where to add trailing commas in multi-line constructs.

Bracket SpacingSpaces between object brackets: { foo } vs {foo}.

Bracket Same LinePut > of multiline HTML/JSX on the last line.

Arrow Parens Include parens around a sole arrow function parameter.

Quote Props How to handle quoted object property keys.

Prose Wrap Wrap markdown prose by print width.

End of Line Line ending character.

HTML Whitespace How Prettier treats whitespace around HTML tags.

Embedded Formatting Format code embedded inside other files.

One Attribute Per LineEnforce one attribute per line in HTML/JSX/Vue.

Config

Live Sample Preview

An approximation showing how semi, quotes, tab width, trailing commas, and bracket spacing affect output.