配置 vscode 代碼格式化規則可通過三步統一團隊代碼風格：1. 安裝專用格式化插件并設為默認，如 prettier、eslint、black 等；2. 配置 .editorconfig 和對應工具的配置文件確保一致性；3. 開啟保存自動格式化，并在團隊協作中集成 git 提交前格式化與 ci/cd 檢測流程，確保規范落地執行。
配置 vscode 的代碼格式化規則，是統一團隊代碼風格的關鍵一步。很多人不是不知道要統一風格，而是不清楚怎么落地執行。其實只需要幾個簡單步驟，就能讓整個團隊在寫代碼時保持一致的格式。
安裝合適的格式化插件
VSCode 本身支持多種語言的格式化，但為了更好的體驗和兼容性，建議安裝對應語言的專用插件。比如：
- Prettier：適用于 JavaScript、typescript、html、css、JSON 等主流前端語言
- ESLint：更適合需要結合代碼規范檢查的項目
- Black：python 項目常用格式化工具
- clang-format：C/c++ 推薦使用
安裝后記得設置默認格式化器，進入命令面板（Ctrl+Shift+P 或 Cmd+Shift+P），選擇“Format Document With…”，然后設為默認。
配置 .editorconfig 和格式化配置文件
為了讓所有成員編輯器行為一致，建議在項目根目錄添加 .editorconfig 文件，它可以控制縮進、換行、編碼等基礎格式。例如：
root = true [*] indent_style = space indent_size = 2 end_of_line = lf charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true
此外，不同格式化工具還需要各自的配置文件，比如：
- prettier.config.js 或 .prettierrc
- .eslintrc.js
- pyproject.toml（用于 Black）
這些配置文件可以提交到版本控制系統中，確保每個開發者拿到的配置是一樣的。
設置保存自動格式化
這是最實用也最容易被忽略的功能。在 VSCode 中開啟“保存時自動格式化”可以讓大家在寫完代碼時就完成格式統一，避免事后補救。
打開設置（Settings）并勾選以下兩個選項：
- Editor: Format On Save（保存時格式化）
- Editor: default Formatter（選擇你安裝的格式化插件，如 Prettier）
或者直接在 settings.json 中添加配置：
{ "editor.formatOnSave": true, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } }
還可以配合 ESLint 自動修復可糾正的問題，進一步提升代碼質量。
統一團隊協作流程中的格式化策略
光靠個人設置還不夠，團隊協作中最好加上自動化手段來兜底：
- 在 git 提交前用 husky + lint-staged 自動格式化改動的文件
- CI/CD 流程中加入格式化檢測，防止不規范代碼合并進主分支
- 新成員入職時提供一份文檔說明格式化配置方式，避免反復溝通
這樣做的好處是，即使有人沒開自動格式化，也能在提交或構建階段被自動處理或提醒。
基本上就這些。配置起來不難，關鍵是要在團隊里形成共識，并且通過工具固化下來。否則再好的規則也會慢慢失效。
