在VSCode中设置自动保存与自动格式化选项_网络技术

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

发布时间 - 2025-11-14 00:00:00 点击率：次

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

在 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

若想使用特定格式化工具，设置其为默认：
- 右键编辑器，选择“格式化文档时使用...”
- 选择偏好工具（如 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 # js # json # 编码 # 工具 # mac # macos # win # cos # format # auto # 自动保存 # 设为 # 编辑器 # 勾选 # 进阶 # 保存文件 # 右键 # 这两个 # 可选 # 其为

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：VSCode Git集*解析：版本控制的高级工作流

下一篇：Windows如何映射网络驱动器？（快速访问局域网共享资源）

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：VSCode Git集*解析：版本控制的高级工作流

下一篇：Windows如何映射网络驱动器？（快速访问局域网共享资源）