什么是 Prettier
Prettier 是一款主观风格的代码格式化工具，通过解析代码并根据自身规则重新生成，从而强制执行统一的样式。与侧重于错误检测的传统 linter 不同，Prettier 会忽略原有的样式，确保代码库无论由谁编写都能保持一致。它支持包括 JavaScript、TypeScript、CSS、HTML 和 GraphQL 在内的庞大生态系统。通过自动化格式化流程，它消除了代码审查中关于“样式风格”的争论，让开发者能专注于逻辑而非缩进或分号位置。它是维护高频更新、多贡献者代码库的行业标准。
Prettier 的核心功能
主观格式化引擎
Prettier 会丢弃原始样式，并基于内部 AST（抽象语法树）重构代码。通过强制执行一套严格的规则，它消除了关于括号位置或行长度的主观争论。这种确定性的方法确保了项目中每个文件看起来都完全一致，降低了开发者在模块间切换时的认知负担。
多语言支持
除 JavaScript 和 TypeScript 外，Prettier 还支持 CSS、HTML、JSON、Markdown、YAML 和 GraphQL。这种统一的工具链意味着开发者无需为不同文件类型使用单独的格式化工具。它能以同样的一致性处理 SCSS 或 MDX 等语言中的复杂嵌套，为全项目的样式提供单一事实来源。
IDE 集成生态
Prettier 为 VS Code、WebStorm、Vim 和 Emacs 提供了一流的插件。通过挂载到编辑器的“保存时格式化”生命周期，它能提供即时反馈。这种紧密集成确保了代码在提交到版本控制之前就已经过格式化，从而防止了混乱的差异对比并保持了整洁的 git 历史。
零配置默认值
Prettier 附带了适用于 95% 项目的合理默认设置。虽然它允许进行少量配置（如制表符宽度或分号使用），但它有意限制了选项以防止“配置膨胀”。这种理念迫使团队接受统一标准，避免了基于 ESLint 格式化规则常见的无休止自定义循环。
CI/CD 流水线强制执行
通过在 CI 流水线中运行 `prettier --check`，团队可以自动拒绝包含未格式化代码的合并请求。这种门控机制确保没有开发者能绕过团队的样式指南，在无需维护人员手动干预的情况下，保持整个代码库 100% 的合规性。
如何使用 Prettier
- 通过 npm 在项目中安装：
npm install --save-dev --save-exact prettier。2. 创建一个空的配置文件以启用：echo {}> .prettierrc.json。3. 创建.prettierignore文件以排除dist、coverage和node_modules等构建产物。4. 在package.json中添加格式化脚本："format": "prettier --write \"src/**/*.js\""。5. 通过安装官方 Prettier 插件并启用“保存时格式化”功能，将其集成到 IDE（VS Code、WebStorm）中。6. 运行npm run format一键标准化整个代码库。
Prettier 的使用场景
大型团队标准化
在大型企业团队中，开发者的编码风格往往存在冲突。通过集成 Prettier，团队从代码审查中移除了与样式相关的评论，使资深工程师能够专注于架构逻辑而非语法，从而显著提高了 PR 审查流程的效率。
自动化遗留代码重构
当接手格式不一致的遗留代码库时，开发者可以在整个项目上运行 Prettier 来规范语法。这提供了一个干净的基准，使阅读代码和识别实际 Bug 变得更容易，而不会被不一致的缩进或间距所干扰。
Markdown 文档
技术文档撰写者和开发者使用 Prettier 来格式化 Markdown 文件，确保表格、列表和代码块保持一致的对齐方式。这对于文档密集型代码库尤为重要，因为可读性对最终用户和贡献者至关重要。
谁适合使用 Prettier
前端开发者
他们管理着复杂的 JS/TS/CSS 技术栈，需要确保代码在大型应用中保持可读性和一致性，从而减少协作开发中的摩擦。
开源维护者
他们接收来自不同技能水平和风格开发者的贡献。Prettier 充当了自动化的守门人，确保所有传入的代码都符合项目的标准。
DevOps 工程师
他们负责实施 CI/CD 流水线，需要自动化工具来强制执行代码质量标准，确保只有格式正确的代码才能合并到生产分支中。
Prettier 的价格方案
基于 MIT 许可证的开源项目。可完全免费用于个人及商业项目的开发、分发和修改。
