在VSCode中设置自动保存与自动格式化选项-VSCode-PHP中文网

在VSCode中设置自动保存与自动格式化选项

betcha

发布： 2025-11-14 20:25:02

原创

538人浏览过

首先启用自动保存并设置延迟模式，再开启保存时自动格式化功能，需安装对应语言的格式化工具并设为默认，最后通过settings.json进行精细化配置，从而实现高效流畅的编码体验。

在vscode中设置自动保存与自动格式化选项

在 VSCode 中开启自动保存和自动格式化功能，能显著提升开发效率，避免频繁手动操作。下面介绍如何正确配置这两个功能。

启用自动保存

让编辑器在失去焦点或设定间隔后自动保存文件，防止内容丢失。

打开 VSCode 设置：点击左下角齿轮图标，选择“设置”，或使用快捷键 Ctrl + ,（macOS 上是 Cmd + ,）
搜索框中输入 auto save
在“Files: Auto Save”选项中，选择以下任意一种模式：
- afterDelay：在设定延迟后自动保存（推荐）
- onFocusChange：切换窗口或文件时保存
- onWindowChange：窗口失焦时保存
如选择 afterDelay，可进一步设置延迟时间：搜索 auto save delay，调整 Files: Auto Save Delay（单位毫秒，默认1000）

启用自动格式化

保存文件时自动格式化代码，保持风格统一。

确保已安装对应语言的格式化工具（如 Prettier、ESLint、Black 等）
进入设置，搜索 format on save
勾选 Editor: Format On Save，或添加以下配置到 settings.json：

"editor.formatOnSave": true

比格设计

比格设计是135编辑器旗下一款一站式、多场景、智能化的在线图片编辑器

124

查看详情

若想使用特定格式化工具，设置其为默认：
- 右键编辑器，选择“格式化文档时使用...”
- 选择偏好工具（如 Prettier），并勾选“设为默认”

进阶配置（可选）

通过修改 settings.json 实现更精细控制。

打开命令面板：Ctrl + Shift + P，输入 “Preferences: Open Settings (JSON)”
添加如下配置示例：

{
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

基本上就这些。配置完成后，无需手动保存和格式化，编码体验会更流畅。注意确保格式化扩展已安装并支持当前语言。

以上就是在VSCode中设置自动保存与自动格式化选项的详细内容，更多请关注php中文网其它相关文章！