安装Prettier插件并启用保存时自动格式化,2. 在项目根目录配置.prettierrc文件统一代码风格,3. 若使用ESLint则集成eslint-config-prettier避免规则冲突,确保团队成员均启用配置以保持代码一致。

团队协作开发中,保持代码风格一致能提升可读性和维护效率。Prettier 是一个流行的代码格式化工具,支持多种语言,配合 VS Code 插件可以实现保存即格式化,帮助团队统一风格。
安装 Prettier 插件
打开 VS Code 扩展市场,搜索 Prettier - Code formatter,选择由 Prettier 官方维护的插件并安装。安装后无需手动操作,只需配置即可生效。
启用保存时自动格式化
为了减少手动干预,建议开启保存时自动格式化功能:
- 打开 VS Code 设置(Ctrl + ,)
- 搜索 format on save
- 勾选 Editor: Format On Save
这样每次保存文件时,Prettier 会自动格式化代码。
配置项目级规则(.prettierrc)
在项目根目录创建 .prettierrc 文件,定义团队统一的格式规则,例如:
{ "semi": true, "trailingComma": "es5", "singleQuote": true, "printWidth": 80, "tabWidth": 2 }这些配置会覆盖默认规则,确保所有成员使用相同格式。
结合 ESLint(如项目使用)
如果项目已使用 ESLint,建议安装 eslint-config-prettier 来关闭与 Prettier 冲突的规则,并在 .eslintrc 中引入它,避免报错冲突。
基本上就这些。通过插件 + 配置 + 自动化,团队成员即使编码习惯不同,最终提交的代码也能保持一致。不复杂但容易忽略的是:确保每个人都启用了插件并遵循项目配置。










