# Use Prettier

<https://prettier.io/docs/en/index.html>

目前的配置：

.prettierrc:

\`\`\`text { "$schema": "<https://json.schemastore.org/prettierrc>", "tabWidth": 2, "semi": false, "singleQuote": true, "trailingComma": "all", "endOfLine": "lf" } \`\`\`

.prettierignore:

\`\`\`text .cache package.json package-lock.json public \`\`\`

## 安装配置

\`\`\`bash pnpm install --save-dev prettier echo {}> .prettierrc touch .prettierignore \`\`\`

使用 Visual Studio Code 作为代码编辑器，安装 `Prettier - Code formatter` 扩展。

## Git Hooks

<https://prettier.io/docs/en/precommit.html>

\`\`\`bash pnpm install --save-dev husky lint-staged pnpx husky install npm pkg set scripts.prepare="husky install" pnpx husky add .husky/pre-commit "pnpx lint-staged" \`\`\`

在 package.json 中加入：

\`\`\`json { "lint-staged": { "**/*.{js,jsx,ts,tsx,json,md,scss}": "prettier --write" } } \`\`\`

## Ignore Code

<https://prettier.io/docs/en/ignore.html>

## Integrating with Linters

<https://prettier.io/docs/en/integrating-with-linters.html>

## Plugins

<https://prettier.io/docs/en/plugins.html>

## CLI

<https://prettier.io/docs/en/cli.html>

## API

<https://prettier.io/docs/en/api.html>


相关：[[okonet-lint-staged|okonet-lint-staged]]

相关：[[use-pnpm|use-pnpm]]