VS Code for Web 如何开启自动保存：设置入口、保存状态与恢复验证

在 VS Code for Web 里改完文件，切到浏览器别的标签页后才发现内容没有落盘，这通常不是编辑器丢数据，而是 Auto Save 还处于关闭状态。下面只做一件事：从网页工作台的“管理”菜单进入设置，把 Files: Auto Save 改成合适的保存策略，再用文件状态复核它确实生效。

先确认问题真的是自动保存未开启

打开 vscode.dev 后，欢迎页会显示“资源管理器”和“尚未打开的文件夹”。网页端不需要安装桌面客户端，但它仍然沿用 VS Code 的编辑器设置。先打开一个可编辑文件，输入一个容易撤销的字符；如果文件标签出现圆点或资源管理器出现未保存提示，说明改动已经进入编辑器，只是还没有写入目标文件。

可见成功状态：页面顶部能看到“Visual Studio Code (Preview)”横幅，左侧是“资源管理器”，中间显示“新建文件”和“打开文件夹”等入口。这个状态说明进入的是网页编辑器工作台，不是搜索结果页或文档页。

按菜单路径打开设置编辑器

第 1 步：点击左下角“管理”

在工作台左下角点击齿轮对应的管理按钮。菜单中会出现“命令面板…”、“配置文件”、“设置”、“扩展”等项目。这里不要点“配置文件”，它管理的是配置档案，不是自动保存开关。

可见成功状态：菜单展开后能同时看到“命令面板…”和“设置”，并且菜单停留在网页工作台左下角。使用键盘时，也可以按设置快捷键直接打开同一个编辑器。

第 2 步：进入“设置”并搜索 Auto Save

点击管理 → 设置，进入 Settings Editor。在顶部搜索框输入 Auto Save，结果会收敛到 Files: Auto Save。如果界面语言不同，搜索英文键名仍然有效；不要把搜索词写成“自动保存延迟”，那样可能只显示部分相关设置。

可见成功状态：设置编辑器顶部有搜索框，结果项明确显示 Files: Auto Save，下拉框中能看到 off、afterDelay、onFocusChange 和 onWindowChange。这张官方界面截图展示的是实际设置项，而不是文章后加的示意框。

选择保存策略并理解它什么时候触发

在 Files: Auto Save 下拉框中选择一种策略。日常写代码更建议先用 afterDelay，它会在停止编辑一小段时间后保存；如果你只希望离开当前文件时保存，可以选 onFocusChange。

官方文档还提供 files.autoSaveDelay，它只在 afterDelay 下控制毫秒延迟，默认值为 1000。先把策略选对，再调整延迟；一开始就改延迟，排错时很容易把“没有触发”和“触发得太慢”混在一起。

用一次编辑验证保存已经生效

第 3 步：编辑文件并观察标签状态

回到文件编辑器，在注释行末尾补一个字符，停留超过设置的延迟，或把焦点切到另一个文件。成功时，文件标签上的未保存圆点会消失，资源管理器里的未保存数量也应同步减少。若选择的是 onFocusChange，仅仅停留等待不会保存，必须先点击另一个编辑器或视图。

再刷新当前网页工作区前，先确认文件标签已没有未保存标记。刷新后重新打开同一文件，刚才的改动仍在，才算完成了“设置已应用”和“文件已落盘”两层验证。

设置不生效时先查权限和连接状态

自动保存只负责发起保存动作，不会绕过文件系统权限。远程仓库或只读工作区中，即使下拉框选对了，也可能因为文件不可写、远程连接断开或工作区被锁定而保存失败。先看底部状态栏是否有连接异常，再检查文件是否来自可编辑的工作区；不要反复切换 Auto Save 来掩盖权限问题。

如果你只是临时浏览公开仓库，网页端可能没有本地写入能力。此时“文件标签没有圆点”不能单独证明远端已经修改，仍要结合页面提供的保存、提交或同步状态判断。

相关问答

afterDelay 和 onFocusChange 该怎么选？

想让编辑器自动把停顿后的修改写入文件，选 afterDelay；只希望离开当前编辑器时写入，选 onFocusChange。前者更适合连续编码，后者更适合对每次切换有明确控制的场景。

为什么改了 Auto Save 仍然无法保存？

先区分“设置未生效”和“目标不可写”。观察文件标签标记，再检查远程连接、工作区只读属性和文件权限；自动保存不会替你取得写权限。

能不能只给某一种语言关闭自动保存？

可以在 settings.json 中使用语言作用域配置，例如为某个语言单独设置 files.autoSave。全局下拉选项适合快速调整，语言级配置适合保留更细的边界。

最后保留一个可复现的检查点

这次任务的完成标准很简单：能从管理 → 设置找到 Files: Auto Save，选定策略后做一次编辑，并在文件标签和重新打开文件时确认结果。如果设置项显示正确但文件始终带未保存标记，就把排查重点转向工作区权限和远程连接，而不是继续改保存延迟。