启用保存时自动格式化需先安装对应语言的格式化工具,如 Prettier 或 Black;接着在 VSCode 设置中勾选“Editor: Format On Save”或在 settings.json 添加 "editor.formatOnSave": true;然后通过右键选择“格式化文档为…”并设默认工具,或在配置文件中指定如 "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" };若需结合 ESLint 或 Black,可添加 "editor.codeActionsOnSave": { "source.fixAll.eslint": true } 以实现保存时自动修复与格式化,确保代码整洁一致。

让 VSCode 在保存时自动格式化代码,只需要简单配置即可。确保你已安装对应语言的格式化工具(如 Prettier、ESLint、Black 等),然后按以下步骤设置。
启用保存时自动格式化
打开 VSCode 设置,可以通过以下方式进入:
- 快捷键 Ctrl + ,(macOS 上是 Cmd + ,)打开设置
- 在搜索框中输入 “format on save”
- 勾选 Editor: Format On Save
或者直接在 settings.json 文件中添加:
选择默认格式化工具
如果你使用的是 Prettier 或其他格式化程序,需指定其为默认工具:
- 右键点击代码文件,选择“格式化文档为…”
- 从列表中选择你喜欢的格式化工具(如 Prettier)
- 勾选“设为默认”
也可以在 settings.json 中明确指定:
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[python]": {
"editor.defaultFormatter": "ms-python.black"
}
配合 ESLint 或 Black 使用(可选)
若想结合 ESLint 自动修复或使用 Black 格式化 Python 代码,建议同时开启:
"editor.codeActionsOnSave": {"source.fixAll.eslint": true
}
这样在保存时会自动运行 ESLint 修复,再进行格式化,避免冲突。
基本上就这些。配置完成后,每次保存文件都会自动格式化,保持代码整洁。注意确保相关扩展已安装并启用。










