webstorm自动保存需同时开启“synchronize files on frame activation”和“save files automatically if application is idle for n seconds”，且必须启用“mark modified”才能识别未保存状态；actions on save中reformat code须在eslint前执行；node_modules、只读或被占用文件会被静默跳过；tsconfig.json变更需配合file watcher正确配置才触发编译。

自动保存没生效？先看这两个开关有没有真打开

WebStorm 的自动保存不是“开个总开关”就完事，它实际由两个独立选项控制，缺一不可：Synchronize files on frame activation 和 Save files automatically if application is idle for N seconds。很多人只勾了前者，切窗口时能保存，但编辑中途电脑卡顿几秒、IDE 暂时没响应，就会漏存——因为 idle 保存根本没启用。

更隐蔽的问题是：Mark modified 没开。Settings → Editor → General → Editor Tabs 里不勾这个，tab 上不显示蓝点，你根本不知道哪个文件其实还挂着未保存状态。Git 面板里的变色也依赖这个标识，否则你以为改完了，其实磁盘上还是旧内容。

自动保存 + Prettier/ESLint 格式化不触发？顺序和依赖要对上

自动保存写入磁盘 ≠ 触发格式化。WebStorm 的 Actions on Save（Settings → Tools → Actions on Save）必须显式开启，且顺序关键：

• Reformat code 要在 Run eslint --fix 之前——否则 ESLint 可能因缩进混乱直接报错退出
• Vue 单文件组件的 <template></template> 块格式化，依赖 Vue.js 插件已启用（Settings → Plugins → 确认 Vue.js 已勾选）
• 如果项目根目录有 .prettierrc 或 eslint.config.js，WebStorm 会自动读取，不用重复配规则；但若路径不对（比如配置在子目录），格式化就会静默跳过

哪些文件 WebStorm 会悄悄跳过自动保存？

不是所有“看起来可编辑”的文件都会被自动保存，以下情况 WebStorm 会静默忽略，且不提示：

• node_modules 下的文件：即使你手动能保存，自动保存机制默认绕过整个目录
• 权限为只读的文件（如用 chmod 444 锁定，或 Windows 下属性设为“只读”）
• 被其他进程占用的文件（比如 Webpack dev server 正在 watch 并 hold 住某个 config 文件）

这些情况下，tab 上蓝点还在，Git 面板也可能显示修改，但磁盘内容始终没更新——这是最易误判的丢代码场景。

tsconfig.json 改了却不触发 TS 编译？File Watcher 设置要联动

自动保存本身不会触发 TypeScript 编译，得靠 File Watchers（Settings → Tools → File Watchers）。常见失效点：

• Working directory 没设成项目根目录（即 tsconfig.json 所在位置），tsc 就找不到配置
• 没勾 Auto-save edited files to trigger the watcher：改了 .ts 文件却没保存，watcher 根本不启动
• Arguments 里漏了 --noEmit false 或 --skipLibCheck true，遇到类型库问题可能中断编译

增量编译（"incremental": true）只在 tsconfig.json 显式配置且项目结构支持（如含 "composite": true）时才生效，纯单项目设了也没用。