启用保存时自动格式化需配置设置并安装对应格式化工具。1. 打开设置搜索 format on save 并勾选 Editor: Format On Save 或在 settings.json 添加 "editor.formatOnSave": true;2. 安装语言适配的格式化扩展如 Prettier(ext install esbenp.prettier-vscode);3. 设置默认格式化工具:"editor.defaultFormatter": "esbenp.prettier-vscode";4. 在项目根目录添加配置文件如 .prettierrc 统一团队代码风格。配置完成后保存文件即可自动格式化。

让 VSCode 自动格式化代码,关键是配置编辑器的格式化规则并启用自动触发机制。只要设置正确,保存文件时就能自动美化代码,提升开发效率。
启用保存时自动格式化
最常用的方式是在保存代码时自动格式化。只需修改设置即可:
- 打开 VSCode 设置(快捷键 Ctrl + ,)
- 搜索 format on save
- 勾选 Editor: Format On Save
也可以在 settings.json 中手动添加:
"editor.formatOnSave": true安装并设置合适的格式化工具
VSCode 本身不内置格式化引擎,需要语言对应的扩展支持:
- JavaScript/TypeScript:默认支持,也可用 Prettier
- Python:安装 Python 扩展,配合 black 或 autopep8
- HTML/CSS/JSON:Prettier 是通用选择
安装 Prettier 示例:
安装后建议设为默认格式化工具:
"editor.defaultFormatter": "esbenp.prettier-vscode"根据项目配置格式化规则
为了团队统一风格,可在项目根目录添加配置文件:
- Prettier 项目:添加 .prettierrc 文件
- ESLint 用户:启用 eslint.format.enable
- 确保 VSCode 读取的是项目本地的格式化配置
例如 .prettierrc 内容:
{ "semi": true, "singleQuote": true, "tabWidth": 2 } 基本上就这些。配置完成后,每次保存文件,VSCode 就会按规则自动格式化代码,保持整洁一致。










