Prettier

Installation

See the official documentation.

npm

npm i prettier

yarn

yarn add prettier

pnpm

pnpm add prettier

bun

bun add prettier

Settings

These are basic prettier settings (.prettierrc.json).

.prettierrc.json

{
  "$schema": "https://json.schemastore.org/prettierrc.json",
  "arrowParens": "avoid",
  "printWidth": 80,
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "all"
}

Create an ignore file (.prettierignore):

build
dist
coverage
analysis

Usage

and here is a script to run prettier on a javascript project:

# File: package.json

"format": "prettier \"./**/*.{html,css,js,jsx,ts,tsx,md,mdx,json}\" --write --cache --log-level=warn",

More CLI docs

Integration with a linter