Prettier Config Generator

Create a Prettier configuration file without memorising every option. Tick your preferences below and this free generator will build a valid .prettierrc JSON file for you to copy into your project.

Prettier Config Generator

How to Use

  • Tick or untick the options to match your code style.
  • Adjust tab width, print width and trailing commas as needed.
  • The JSON updates live as you change options, or click “Generate Config”.
  • Copy the output into a file named .prettierrc in your project root.

Key Features

  • Covers the most-used Prettier options.
  • Live JSON preview as you toggle settings.
  • Valid JSON output, ready to paste.
  • Runs entirely in your browser.
  • Free with no sign-up.

FAQs

Where do I put the .prettierrc file?
Place it in the root folder of your project. Prettier picks it up automatically.

Can I use this with VS Code?
Yes. Install the Prettier extension and it will read your .prettierrc file.

Is the output valid JSON?
Yes. The generator uses JSON.stringify to produce properly formatted JSON.

Related Tools

Scroll to Top