How the JavaScript Formatter works

The code is parsed and printed again using Prettier's rules: consistent indentation, line breaks at a sensible width, spacing around operators and tidy chained calls. JSX and modern syntax such as optional chaining and async functions are supported.

Choose two or four spaces or tabs, single or double quotes, and whether to add semicolons. If the code has a syntax error, the message shows the line and column so you can find it quickly.

When it is useful

• •Reading a minified script copied from a production site.
• •Normalizing a code snippet before sharing it in an issue or answer.
• •Quickly checking whether a snippet parses.
• •Applying a consistent style to a one-off script without setting up a project.

Frequently Asked Questions