统一代码风格可提升团队协作效率，通过VSCode配合Prettier和ESLint实现自动化格式化。1. 安装Prettier和ESLint插件并配置项目文件；2. 在.prettierrc中定义团队格式规则，如分号、单引号、缩进等，并在.prettierignore中排除无关文件；3. 设置VSCode默认格式化工具为Prettier，建议通过项目级.settings.json自动应用配置，启用保存时自动格式化；4. 集成ESLint并使用eslint-config-prettier避免规则冲突，确保静态检查与格式化协同工作。关键在于将所有配置纳入版本控制，保证团队成员一致使用，从而消除风格差异争议。
团队开发中，代码风格统一能显著提升协作效率和代码可读性。vscode 作为主流编辑器，配合 prettier 和 eslint 可轻松实现自动化格式化，确保所有成员提交的代码风格一致。
1. 安装并配置核心插件
在 VSCode 中安装以下扩展，为统一格式化打基础：
- Prettier - Code formatter：主流代码格式化工具，支持 JavaScript、TypeScript、CSS、HTML、JSON 等
- ESLint（如使用 JS/TS）：静态检查工具，可与 Prettier 协同工作
安装后，在项目根目录创建或更新配置文件：
.prettierrc.eslintrc.js（或 .eslintrc.json）
.prettierignore
2. 统一 Prettier 配置
在项目中添加 .prettierrc 文件，定义团队约定的格式规则：
{"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5",
"printWidth": 80
}
同时在 .prettierignore 中排除不需要格式化的文件，如构建产物、第三方库等。
3. 设置 VSCode 默认格式化工具
让每位成员在 VSCode 中设置默认格式化工具为 Prettier：
- 打开设置（Ctrl + ,）
- 搜索 “Default Formatter”
- 选择 “Prettier - Code formatter”
建议在项目根目录添加 .vscode/settings.json，自动应用配置：
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.formatOnSave": true,
"editor.tabSize": 2
}
这样新成员克隆项目后，VSCode 会自动启用格式化规则。
4. 集成 ESLint（可选但推荐）
若项目使用 ESLint，可通过 eslint-config-prettier 关闭与 Prettier 冲突的规则：
- 安装依赖：
npm install --save-dev eslint-config-prettier - 在 .eslintrc.js 的 extends 中加入 "prettier"
VSCode 中 ESLint 插件会自动提示错误，并可在保存时修复部分问题。
基本上就这些。只要团队成员都使用相同配置，配合保存时自动格式化，就能有效避免风格差异带来的争议。关键在于把配置纳入版本控制，确保人人一致。
