Less编译没反应的首要原因是lessc未正确安装或不可执行；需在终端运行node -v、npm -v和lessc -v验证，若lessc报错则须全局安装less@4.2.0或本地安装后配置File Watcher指向node_modules/.bin/lessc。
Less 编译没反应？先查 lessc 能不能跑起来
“保存后 CSS 没更新”八成是 lessc 根本没执行。WebStorm 的 File Watcher 不会自动帮你装依赖，它只负责调用你填的命令。
打开 WebStorm 自带 Terminal，逐行执行：
-
node -v和npm -v—— 必须有输出，否则 Node 环境没配好 -
lessc -v—— 如果报“不是内部或外部命令”，说明less没装或不在 PATH 里
解决方法分两种：
- 全局安装：
npm install -g less@4.2.0（别用 5.x，和 WebStorm watcher 模板不兼容） - 本地安装：
npm install less，然后 Program 字段必须填node_modules/.bin/lessc（Windows 是lessc.cmd）
File Watcher 的 Program 和 Arguments 怎么填才不踩坑
WebStorm 不会猜你要编译什么、输出到哪。三个字段错一个，就生成空文件或报错。
Program：必须是完整可执行路径，不能只写 lessc
- Windows 示例：
C:\Users\Name\AppData\Roaming\npm\lessc.cmd - macOS/Linux 示例：
/usr/local/bin/lessc（用which lessc确认）
Arguments：推荐固定写法
-
$FileName$ $FileNameWithoutExtension$.css --source-map（加--source-map才能调试） - 要压缩输出？加
--clean-css，但得先npm install -g less-plugin-clean-css
Working directory 填 $FileDir$，否则 @import 相对路径会解析失败
Output paths to refresh 必须填 $FileNameWithoutExtension$.css，不然 WebStorm 不知道该刷新哪个文件
TypeScript 自动编译卡住？tsc 和 tsconfig.json 得配齐
WebStorm 的 TypeScript File Watcher 不是“装了 tsc 就自动工作”。它依赖两个硬性前提：命令可用 + 配置存在。
先验证：tsc -v 有输出，且项目根目录下有 tsconfig.json（右键项目 → New → tsconfig.json 可快速生成）
File Watcher 配置要点：
-
Program：填tsc.cmd（Win）或tsc（macOS/Linux）的绝对路径，同 Less 场景 -
Arguments：至少包含--sourcemap --target ES5；如果项目用了tsconfig.json，可简化为--project $ProjectFileDir$/tsconfig.json -
Output paths to refresh填$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
常见陷阱：勾选了 “Auto-save edited files before running watcher”，但忘了勾选 “Trigger watcher on external changes”——改了 tsconfig.json 或依赖包，不会触发重编译
PostCSS 编译失败？别信 WebStorm 插件列表里的“PostCSS”
WebStorm 官方插件市场里叫 “PostCSS” 的插件，只是语法高亮，不提供编译能力。真要实时编译，得走 External Tools + CLI 路线。
必须提前装好这些：
npm install -g postcss-cli-
npm install -g postcss-preset-env（替代旧版postcss-cssnext） -
npm install -g cssnano（压缩用）
External Tools 配置关键项：
-
Program：填postcss的绝对路径（which postcss查） -
Parameters：示例-u postcss-preset-env cssnano -o $FileDir$/$FileNameWithoutExtension$.css $FilePath$ -
Working directory：填$ProjectFileDir$，确保插件能读取postcss.config.js
注意：postcss.config.js 文件必须存在且导出配置对象，否则 CLI 会静默失败，连错误都不报
所有实时编译工具链都绕不开“命令是否真在运行”这个底层事实。WebStorm 只是调度器，不是环境管家。每次失效，优先查终端里那条命令能不能手动跑通，比翻设置快得多。
