配置VSCode实现代码自动格式化需安装对应语言的格式化工具，如Prettier或black；启用“保存时自动格式化”功能；设置默认格式化工具；可选添加配置文件自定义规则。
配置 VSCode 实现代码自动格式化并不复杂，关键是正确设置编辑器行为并安装合适的格式化工具。下面分步骤说明如何实现。
安装合适的格式化工具
不同语言需要对应的格式化程序，VSCode 本身不内置所有语言的格式化能力。
- JavaScript/TypeScript：使用 Prettier 或内置的 TypeScript 格式化工具。推荐安装 Prettier - Code formatter 插件。
- Python：可选择 autopep8、black 或 yapf。安装插件如 Python 官方扩展后，在设置中指定默认格式化工具。
- HTML/CSS/JSON：Prettier 同样支持这些格式，安装后即可生效。
启用保存时自动格式化
让代码在保存文件时自动格式化，是最常用的设置方式。
- 打开 VSCode 设置（快捷键 Ctrl + ,）。
- 搜索 format on save。
- 勾选 Editor: Format On Save 选项。
也可以通过修改 settings.json 手动添加：
"editor.formatOnSave": true
设置默认格式化工具
如果安装了多个格式化插件，需指定某个语言的默认工具。
餐饮E站通-在线订餐系统 免费版
下载
在线订餐系统源码,提供给设计人员参考一个小型的在线订餐管理系统源码，采用三层模式开发，代码注释详细前台可以进行用户注册、菜单管理及订餐后台管理员可以进行菜单管理、新闻管理、菜肴管理、用户管理操作数据库采用的是Sql2005（由于数据库在App_Data下，如果装了Sql2005数据库会自动配置）
- 右键点击编辑器中的代码，选择 “格式化文档”。
- 若未设置默认工具，VSCode 会提示你选择一个。
- 可以选择“设为默认”，后续将自动使用该工具。
也可在 settings.json 中明确指定，例如：
"[python]": {
"editor.defaultFormatter": "ms-python.black"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}调整格式化规则（可选）
如果你使用 Prettier 等工具，可在项目根目录添加配置文件自定义规则。
- 创建
.prettierrc文件，写入格式选项：
{
"semi": false,
"singleQuote": true,
"tabWidth": 2
}- 或在
package.json中添加prettier字段。
基本上就这些。配置完成后，每次保存文件，VSCode 就会按设定自动格式化代码，保持团队编码风格统一。关键是选对插件、开启保存格式化、并设置默认工具。不复杂但容易忽略细节。
