Prettier Config Generator LogoPrettier Config Generator

Prettier Config Generator

Select options below to generate your .prettierrc configuration file.

Experimental Ternaries

Use new ternary formatting (future default).

Experimental Operator Position

Control where line-break operators appear.

Print Width

Max line length before wrapping.

Tab Width

Spaces per indentation level.

Tabs

Use tabs instead of spaces.

Semicolons

Add semicolons at line ends.

Quotes

Prefer single over double quotes.

Quote Props

When to quote object properties.

JSX Quotes

Use single quotes in JSX.

Trailing Commas

Add trailing commas in multiline.

Bracket Spacing

Add spaces inside object braces.

Object Wrap

How to wrap object literals.

Since Prettier 3.5.0

Bracket Line

Place closing bracket on same line.

Arrow Function Parentheses

Use parentheses around arrow params.

Since Prettier 1.9.0

Range Start

Start formatting from character index.

Range End

End formatting at character index.

Parser

Force specific parser to use.

File Path

Used to infer the parser.

Require Pragma

Only format files with @format comment.

Since Prettier 1.7.0

Insert Pragma

Add @format comment to output.

Since Prettier 1.8.0

Prose Wrap

Wrap markdown text.

Since Prettier 1.8.2

HTML Whitespace Sensitivity

Control whitespace in HTML.

Since Prettier 1.15.0

Vue Indent Script and Style

Indent `<script>` and `<style>` in Vue.

Since Prettier 1.19.0

End of Line

Set line ending character.

Since Prettier 1.15.0

Embedded Language Formatting

Format code in template literals.

Since Prettier 2.1.0

Single Attribute Per Line

Force single-line attributes in JSX/HTML.

Since Prettier 2.6.0

Official Plugins

Use official Prettier plugins.