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>块格式化，依赖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）时才生效，纯单项目设了也没用。
