Prettier

Prettier 是一款“有主见”的代码格式化工具（Opinionated Code Formatter），它通过解析代码并重新打印，实现统一的输出格式，从而终结团队中关于代码风格的争论。它支持多种编程语言，并与主流编辑器（如 VS Code、WebStorm、Vim、Emacs 等）深度集成，可在保存时自动格式化。

核心功能

• 多语言支持：默认支持 JavaScript、JSX、Flow、TypeScript、JSON、CSS、Less、SCSS、HTML、Vue、Angular、Markdown、YAML、GraphQL 等。通过社区插件还可扩展至 Java、PHP、Ruby 等。
• 编辑器集成：提供 VS Code、Sublime Text、Vim、Emacs、WebStorm 等主流编辑器插件，实现保存即格式化。
• CLI 与 API：可集成到构建流程或 Git hooks 中（如 husky + lint-staged），确保提交前代码已格式化。
• Playground 试用：官网提供在线 Playground，方便快速测试配置效果。

适用人群

• 前端开发者：日常接触 JavaScript、CSS、HTML 等，Prettier 能极大提升效率。
• 团队项目维护者：统一代码风格，减少代码评审中的格式争论。
• 开源项目维护者：通过 Prettier 保持贡献者提交的代码风格一致。

如何使用

1. 安装：通过 npm 或 yarn 全局或本地安装 npm install --save-dev --save-exact prettier。
2. 配置：在项目根目录创建 .prettierrc 文件，配置选项如缩进宽度、引号风格等。
3. 格式化：运行 npx prettier --write src/ 格式化整个文件夹，或通过编辑器插件自动格式化。
4. 集成：结合 ESLint 使用 eslint-config-prettier 关闭冲突规则。

注意事项

Prettier 是“有主见”的，它提供的选项较少，鼓励遵循默认风格，避免自定义配置过多。在大型项目中，初次格式化可能产生大量变更，建议在单独提交中引入。与 ESLint 配合时，需关闭 ESLint 中与格式相关的规则，避免冲突。