VS Code保存自动格式化配置指南

在 VS Code 中实现保存时自动格式化代码，可以通过以下步骤配置：

1. 安装格式化扩展

• 根据你的编程语言安装对应的格式化工具（例如：JavaScript/TypeScript 推荐 Prettier，Python 推荐 autopep8 或 black）。
• 打开扩展市场（Ctrl+Shift+X），搜索并安装。

2. 配置自动格式化

1. 打开设置

   • 快捷键 Ctrl + , 进入设置界面。
   • 或通过菜单 File > Preferences > Settings。

2. 启用保存时格式化

   • 在设置中搜索 Format On Save，勾选对应的选项。

3. 设置默认格式化工具

   • 搜索 Default Formatter，选择你安装的格式化工具（如 Prettier）。
   • 示例（针对 Prettier）：

     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "[javascript]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode"
     }
     

3. 手动配置（可选）

如果默认设置不生效，可手动编辑 settings.json：

1. 打开命令面板（Ctrl + Shift + P），输入 Open User Settings (JSON)。
2. 添加以下配置：

   {
     "editor.formatOnSave": true,
     // 语言针对性配置（示例）
     "[javascript]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
     "[python]": {
       "editor.defaultFormatter": "ms-python.autopep8"
     }
   }
   

4. 注意点

• 扩展冲突：如果安装了多个格式化工具，需在右下角状态栏选择默认工具。
• 项目级配置：某些工具（如 Prettier）会读取项目中的配置文件（如 .prettierrc），优先级高于 VS Code 设置。
• 快捷键：手动格式化可按 Shift + Alt + F（Windows）或 Shift + Option + F（Mac）。

通过以上步骤，保存文件时 VS Code 会自动调用配置的格式化工具整理代码。