什么是 Prettier 以及它的工作原理是什么?

Prettier 是什么及其工作原理

Prettier 是一款流行的代码格式化工具,它通过解析代码生成 AST(抽象语法树),然后使用自己的一套风格规则将代码重新写回到文件中。Prettier 的核心理念是强制使用统一的代码风格,消除团队协作中的代码风格争议。

工作原理

1. 解析阶段: Prettier 首先解析源代码,生成抽象语法树(AST)
2. 格式化阶段: 根据配置的格式化规则,将 AST 转换为格式化后的代码
3. 输出阶段: 将格式化后的代码写回文件

核心特点

• 零配置: 开箱即用,提供合理的默认配置
• 多语言支持: 支持 JavaScript、TypeScript、CSS、HTML、JSON、Markdown 等多种语言
• 可集成: 可以与编辑器、CI/CD、Git hooks 等工具集成
• 确定性: 相同的输入总是产生相同的输出
• 不可配置的样式: Prettier 有意限制了可配置的选项,以避免团队间的风格争议

与其他工具的区别

Prettier 专注于代码格式化,不进行代码质量检查。这与 ESLint 等工具不同,ESLint 主要负责代码质量检查和发现潜在问题。

使用场景

• 团队协作时统一代码风格
• CI/CD 流程中的代码格式检查
• 编辑器自动格式化
• Git commit 前的代码格式化

Prettier 通过强制统一的代码风格,让开发者可以专注于代码逻辑而不是格式问题,从而提高开发效率。