设置 vscode 代码格式化需选对插件、配置规则并按需调整。1. 安装合适工具：如 prettier、eslint（javascript/typescript）、black（python）、clang-format（c/c++）等；2. 设置默认格式化器并开启保存自动格式化，在 settings 中勾选“format on save”并指定默认格式化插件；3. 配置格式化规则文件如 .prettierrc 或 .eslintrc，确保团队风格统一；4. 注意安装底层依赖包、避免多格式化工具冲突、必要时指定路径或重启编辑器以使配置生效。
VSCode 设置代码格式化其实不难，关键在于选对插件、配置好规则，并根据项目需求做适当调整。只要你按照步骤来，基本能实现保存时自动排版，省去手动整理的麻烦。
安装合适的格式化工具
VSCode 本身并不自带完整的格式化功能，而是依赖第三方插件或语言内置支持。常用的工具有 Prettier、ESLint（针对 JavaScript/TypeScript）、Black（Python）、Clang-Format（C/C++）等。
你需要根据当前开发的语言选择对应的格式化工具。例如：
- JavaScript / TypeScript：推荐 Prettier 或 ESLint
- Python：Black 或 autopep8
- HTML / CSS / Vue / React：Prettier 是首选
- C / C++：Clang-Format 很强大
安装方式一般是先在 VSCode 中搜索插件名称，点击安装。比如搜索 “Prettier - Code formatter” 并安装。
设置默认格式化器并开启保存自动格式化
安装完插件之后，下一步是告诉 VSCode 使用哪个工具来格式化代码，并设置是否在保存时自动执行。
- 打开设置（可以通过菜单 File > Preferences > Settings，或者快捷键
Ctrl + ,） - 搜索关键词：
- “format on save” → 勾选此项可实现保存自动格式化
- “default formatter” → 选择你安装的插件，比如 Prettier
- 如果格式化没有生效，可以尝试右键代码文件 → Format Document With... → 选择对应格式化工具作为默认
另外，有些项目可能需要更细粒度的控制，比如不同文件类型使用不同的格式化规则。可以在 .vscode/settings.json 文件中添加如下内容：
{
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[python]": {
"editor.defaultFormatter": "ms-python.black-formatter"
}
}配置格式化规则文件（如 .prettierrc）
大多数格式化插件都支持通过配置文件自定义规则。以 Prettier 为例，在项目根目录创建 .prettierrc 文件，可以设置缩进、引号类型、末尾分号等。
一个基础配置示例：
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": false,
"trailingComma": "es5",
"bracketSpacing": true,
"arrowFunctions": "always"
}这样做的好处是团队协作时统一风格，也方便 CI/CD 工具识别格式规范。
如果你用的是 ESLint 来做格式化，还需要配合 .eslintrc.js 或 .eslintrc.json 文件进行详细规则配置。
注意事项和常见问题
确保已安装格式化插件的底层依赖
有些插件只是 VSCode 的接口，实际运行需要你在本地安装对应的包。例如使用 Prettier 插件前，最好在项目里执行npm install --save-dev prettier。多个格式化工具冲突？
如果同时安装了 Prettier 和 ESLint，默认可能会冲突。建议在 VSCode 设置中指定每个语言使用的格式化器，避免混淆。某些语言需要额外配置路径
比如 Python 的 Black 如果不在全局环境安装，可能需要在 VSCode 设置中指定 black 的路径。保存时格式化失效？试试重启 VSCode 或重新加载窗口
有时候配置修改后不会立即生效，重启一下编辑器或使用命令面板执行 “Reload Window” 可以解决。
基本上就这些操作，虽然看起来步骤有点多，但一旦配好就能一劳永逸。格式化规则可以根据项目风格灵活调整，重点是保持一致性。
