WebStorm自动保存需手动开启：File→Settings→Appearance & Behavior→System Settings→Synchronization，勾选“Synchronize files on frame activation”或“Save files automatically if idle”，并启用“Mark modified”标识未保存文件。
WebStorm自动保存开关在哪
自动保存不是默认全局开启的，得手动勾选。很多人改完代码没反应，其实是根本没打开这个功能。
路径是：File → Settings（macOS 是 WebStorm → Preferences），左侧依次点开 Appearance & Behavior → System Settings → Synchronization。
-
Synchronize files on frame activation：切出 WebStorm（比如 Alt+Tab 切到浏览器）时自动保存——适合多任务频繁切换的人 -
Save files automatically if application is idle for N seconds：IDE 空闲 N 秒后保存——设成 3~5 秒比较稳妥，太短可能打断思考，太长又起不到“防丢”作用
为什么改了代码却没保存成功
常见假象：以为开了自动保存，其实只勾了其中一个选项，或者两个都勾了但时间设成了 30 秒以上；更隐蔽的是，Mark modified 没开，导致你根本看不出哪个文件还没存。
检查是否显示未保存标识：Settings → Editor → General → Editor Tabs，务必勾上 Mark modified。这样有改动的文件 tab 会带蓝点，一眼就能识别。
- 如果用了 Git，
Project工具窗口里未提交的文件名也会变色（通常是蓝色或绿色），但前提是版本控制已初始化且文件已纳入跟踪 - 某些插件（如 Prettier、ESLint）的“on save”格式化逻辑，依赖真实磁盘写入，如果自动保存没生效，格式化也不会触发
自动保存 + 格式化怎么协同工作
自动保存只是把内容写进磁盘，不等于格式化。要让 Vue/JS/TS 文件在保存时自动整理，得额外配置 Actions on Save。
路径：Settings → Tools → Actions on Save，这里可以勾选：Reformat code、Optimize imports、Run eslint --fix（需提前配好 ESLint 插件和本地环境）。
- 注意顺序：
Reformat code必须在Run eslint --fix之前，否则 ESLint 可能因缩进/空格不规范报错退出 - Vue 单文件组件中，
<template>块的格式化依赖Vue.js插件启用，若没装或禁用，保存时 template 部分不会被重排 - 如果项目根目录有
.prettierrc或eslint.config.js，WebStorm 会自动读取，无需重复配置规则
哪些情况自动保存会静默失效
不是所有文件都会被自动保存——这是最容易忽略的边界。
- 只读文件（比如 node_modules 下的、权限为只读的、或被其他进程锁定的）：WebStorm 会跳过，也不提示，tab 上蓝点还在，但实际没写入
- 新建但未命名/未指定类型的文件（如刚按
Ctrl+N新建一个空白文件，还没Save As）：自动保存机制不触发，必须先指定路径和扩展名 - 终端内置终端（Terminal）中执行的命令输出、日志流等非编辑器打开的“伪文件”，不在同步范围内
真正可靠的保存信号，还是看文件 tab 上的蓝点是否消失，而不是依赖“我以为它该存了”。
