Prettier
让代码更美丽

"Prettier" 这个名字来源于英语单词 "pretty"，意为"漂亮的、优美的"，加上后缀 "-ier" 形成比较级，意为"更漂亮的"。

这个名字精准地反映了工具的核心功能：让你的代码变得更加美观、整洁。与许多技术工具采用晦涩术语不同，Prettier 选择了一个直观且易于记忆的名称，传达出它致力于提升代码美学的使命。

Prettier 由 James Long 于 2016 年创建，最初是作为一个解决 JavaScript 代码格式化问题的工具。

当时，James 注意到开发团队经常在代码风格上浪费大量时间进行争论，而不是专注于实际的问题解决。他想要创建一个工具，能够完全自动化代码格式化过程，消除这些无意义的争论。

最初，Prettier 只支持 JavaScript，但随着时间的推移，它逐渐扩展到支持多种编程语言和标记语言，包括 TypeScript、HTML、CSS、JSON、Markdown 等。如今，Prettier 已经成为前端开发领域最受欢迎的代码格式化工具之一，拥有庞大的社区支持和丰富的插件生态系统。

James Long

Prettier 创始人

Prettier 本身是完全免费且开源的工具，基于 MIT 许可证发布。这意味着你可以在任何项目（包括商业项目）中自由使用、修改和分发它，无需支付任何费用。

Prettier 可以通过多种方式安装和使用，以下是最常见的几种方法：

# 局部安装（推荐）
npm install --save-dev --save-exact prettier

# 或者全局安装
npm install --global prettier

# 局部安装（推荐）
yarn add --dev --exact prettier

# 或者全局安装
yarn global add prettier

// 推荐在 settings.json 中添加
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}

# 格式化单个文件
npx prettier --write src/index.js

# 格式化所有文件
npx prettier --write "src/**/*.{js,jsx,ts,tsx,json,css,md}"

# 检查哪些文件需要格式化
npx prettier --check "src/**/*.js"

# 创建配置文件
echo {} > .prettierrc.json

# 或者使用 YAML 格式
echo "semi: true" > .prettierrc.yaml

{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5",
  "printWidth": 80
}