search
Log inGet a demo

Prettier

Explore Prettier, the powerful code formatter. Learn how to install, configure, and effectively use Prettier to enhance your coding workflow.

Prettierarrow-up-right is a formatter for CSS, SCSS, JavaScript, JSON, Markdown, TypeScript, GraphQL and YAML.

You can enable the Prettier formatter with:

trunk check enable prettier
prettier example output

hashtag
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.

hashtag
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.

hashtag
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 configarrow-up-right .prettierrc.yaml, etc.

You may also want to configure printWidth to your liking.

hashtag
Links

Last updated