主要观点:无论独自工作还是在大团队中,代码格式化应统一,介绍了三种流行工具及其详细定制说明。
关键信息:
- Prettier:最简单的代码格式化工具,零配置安装,支持多种文件格式,但意见性强,不支持代码验证,可通过插件系统扩展,安装命令为
npm install --save-dev --save-exact prettier
,创建.prettierrc
和.prettierignore
文件进行配置,运行npx prettier <files>
验证。 - Biome:哲学类似Prettier,零配置自定义,速度快,有更多配置选项,内置linter,安装命令为
npm i --save-dev --save-exact @biomejs/biome
,运行npx @biomejs/biome init
创建默认配置文件,运行npx @biomejs/biome lint <files>
验证。 - ESLint:主要是代码linter,可自动修复部分规则,有大量插件,安装命令为
npm i --save-dev --save-exact eslint @antfu/eslint-config eslint-plugin-format
,创建eslint.config.mjs
配置文件,运行npx eslint <files>
验证。
重要细节: - Prettier不支持Stroustrup括号风格,与ESLint结合会产生冲突。
- Biome在某些方面优于Prettier,如内置linter、更多配置选项等,但也有局限性,如不支持多种文件格式和框架、无插件系统等。
- ESLint配置较复杂,有很多插件和规则,可通过
@antfu/eslint-config
进行简化配置,不同文件类型可单独设置规则。 - 选择工具时要根据团队情况和需求,Prettier适合小团队或不想配置的情况,Biome适合快速开发统一风格,ESLint适合有特定偏好和深度定制需求的团队。
- 在VSCode和IntelliJ IDE中可设置自动格式化,不要同时选择多个格式化工具。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。