About .prettierrc Generator

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.