如何配置VSCode的代码自动格式化？

配置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

设置默认格式化工具

如果安装了多个格式化插件，需指定某个语言的默认工具。

码上飞

码上飞（CodeFlying） 是一款AI自动化开发平台，通过自然语言描述即可自动生成完整应用程序。

138

查看详情

• 右键点击编辑器中的代码，选择 “格式化文档”。
• 若未设置默认工具，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 就会按设定自动格式化代码，保持团队编码风格统一。关键是选对插件、开启保存格式化、并设置默认工具。不复杂但容易忽略细节。

以上就是如何配置VSCode的代码自动格式化？的详细内容，更多请关注php中文网其它相关文章！