Which options are exposed?

The 15 most-configured ones: printWidth, tabWidth, useTabs, semi, singleQuote, trailingComma, bracketSpacing, arrowParens, endOfLine, plus language-specific overrides.

CommonJS or module output?

CommonJS by default (`module.exports = ...`) for broadest compatibility. Toggle to ESM for `export default ...`. Prettier supports both.

Can I include per-filetype overrides?

Yes — override section lets you set different rules for Markdown, YAML, JSON. Common pattern: different printWidth for prose vs code.

JS lets you add comments and conditionals. JSON (.prettierrc) is simpler. Pick based on whether you need logic in the config.

.prettierrc Generator | DevTools Surf

DevTools Surf

Example: .prettierrc Generator

A worked example, rendered from real sample data. Sign in to run the tool on your own input.

Input

semi=true quote=single trailing=all width=100 tab=2 arrow=always

Output

{
  "semi": true,
  "singleQuote": true,
  "trailingComma": "all",
  "printWidth": 100,
  "tabWidth": 2,
  "useTabs": false,
  "arrowParens": "always",
  "bracketSpacing": true,
  "endOfLine": "lf"
}

About .prettierrc Generator

.prettierrc Generator preview - Generators tool

Build a Prettier config — semi, quote style, trailing comma, width. Part of the DevTools Surf developer suite. Browse more tools in the Generators collection.

Use Cases

Teams bootstrapping consistent formatting for new TypeScript projects
Open-source maintainers adding opinionated format configs to repos
Senior devs aligning prettier rules across a monorepo
Code reviewers eliminating style debates with automated formatting

Tips

Set printWidth to 100 for modern widescreen monitors
Toggle trailingComma to 'all' for cleaner git diffs
Export as JSON or YAML depending on your project convention

Fun Facts

Prettier was created by James Long and first released in January 2017, quickly becoming the most popular code formatter with over 48 million weekly npm downloads.
Prettier intentionally offers minimal configuration options — its philosophy is that arguments about code style waste more time than any particular style saves.
Prettier supports 17 languages out of the box including JavaScript, TypeScript, CSS, HTML, JSON, Markdown, YAML, and GraphQL.

FAQ

Which options are exposed?: The 15 most-configured ones: printWidth, tabWidth, useTabs, semi, singleQuote, trailingComma, bracketSpacing, arrowParens, endOfLine, plus language-specific overrides.
CommonJS or module output?: CommonJS by default (`module.exports = ...`) for broadest compatibility. Toggle to ESM for `export default ...`. Prettier supports both.
Can I include per-filetype overrides?: Yes — override section lets you set different rules for Markdown, YAML, JSON. Common pattern: different printWidth for prose vs code.
JSON or JS format?: JS lets you add comments and conditionals. JSON (.prettierrc) is simpler. Pick based on whether you need logic in the config.

Related Generators Tools

UUID Generator ULID Generator Password Generator cURL to Code Cron Expression Parser SQL Formatter GraphQL Formatter JSON Schema Generator