vscode保存自动格式化代码
时间: 2025-06-06 10:32:50 浏览: 108
### 配置 VSCode 实现保存时自动格式化代码
为了在 VSCode 中实现保存时自动格式化代码的功能,可以通过以下两种方式完成:
#### 方法一:通过图形界面设置
1. 打开 VSCode 的 **设置** 页面。
可以通过菜单栏中的 `File` -> `Preferences` -> `Settings` 或者快捷键 `Ctrl+,` 进入。
2. 在搜索框中输入关键词 `"format on save"`,找到名为 **Editor: Format On Save** 的选项并将其启用[^1]。
3. 如果需要进一步自定义配置,可以点击右侧的齿轮图标,跳转至 JSON 设置文件。
#### 方法二:手动修改 settings.json 文件
1. 打开 VSCode 的命令面板 (`Ctrl+Shift+P`) 并输入 `Open Settings (JSON)` 来定位到 `settings.json` 文件。
2. 将以下配置项添加到 `settings.json` 文件的大括号 `{}` 内部:
```json
{
"editor.formatOnSave": true,
"editor.formatOnType": true
}
```
上述配置表示开启保存时自动格式化功能以及按键即时格式化功能[^3]。
#### 安装第三方插件增强功能
如果内置格式化工具无法满足需求,还可以借助 Prettier 插件扩展支持更多语言和更复杂的格式化规则:
1. 前往 VSCode 插件市场,搜索并安装 **Prettier - Code Formatter** 插件[^2]。
2. 安装完成后,在任意项目文件上右键选择 **Format Document**,确认使用 Prettier 作为默认格式化工具。
3. 同样可以在 `settings.json` 中加入以下内容以适配 Prettier:
```json
{
"defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
```
以上操作完成后即可实现在每次保存文件时自动触发代码格式化的功能。
阅读全文
相关推荐



















