Skip to main content
Prettier is a formatter for CSS, SCSS, JavaScript, JSON, Markdown, TypeScript, GraphQL and YAML. You can enable the Prettier formatter with:
prettier example output

Auto Enabling

Prettier will be auto-enabled if any TypeScript, YAML, CSS, PostCSS, Sass, HTML, Markdown, JSON, JavaScript, GraphQL or Prettier_supported_configs files are present.

Settings

Prettier supports the following config files:
  • .prettierrc
  • .prettierrc.json
  • .prettierrc.yml
  • .prettierrc.yaml
  • .prettierrc.json5
  • .prettierrc.js
  • .prettierrc.cjs
  • .prettierrc.mjs
  • prettier.config.js
  • prettier.config.cjs
  • prettier.config.mjs
  • .prettierrc.toml
  • .prettierignore
You can move these files to .trunk/configs and trunk check will still find them. See Moving Linters for more info.

Usage Notes

By default, Trunk uses Prettier to autoformat many languages/config formats, including markdown. To line wrap within markdown, you need to set the following in your Prettier config .prettierrc.yaml, etc.
You may also want to configure printWidth to your liking.