phpstorm没有原生“保存即编译”功能，本质是file watcher监听文件落盘后的变更并调用外部命令；需勾选auto-save edited files to trigger the watcher，且program路径、working directory、scope和output paths必须严格匹配才能生效。

保存即编译不是 PhpStorm 原生功能

PhpStorm 没有“按 Ctrl+S 就自动编译”的开关。所谓“保存即编译”，本质是 File Watcher 监听文件变更 + 触发外部命令，而触发时机依赖你是否勾选了 Auto-save edited files to trigger the watcher。它不响应“保存动作本身”，而是监听“文件落盘后内容变化”。如果你关了自动保存，改完不手动 Ctrl+S，File Watcher 就永远不会启动。

File Watcher 必须匹配文件路径和工具可执行性

常见失效原因不是配置错，而是根本没跑起来：

• Program 字段必须填绝对路径（如 /usr/local/bin/sass）或确保终端里能直接运行该命令（比如 sass --version 成功）
• Working directory 推荐设为 $ProjectFileDir$，否则相对路径（如 src/main.scss）会解析失败
• Scope 或 File type 要实际覆盖你编辑的文件：设了 **/*.ts 却去改 .php，自然没反应
• Windows 用户若用 Git Bash/WSL，注意 PhpStorm 默认调用的是 CMD，Program 得写 C:\Users\XXX\AppData\Roaming\npm\sass.cmd 这类完整路径

只监听特定文件？靠排除，不靠包含

你不能说“只监听 src/**/*.php”，但可以做到等效效果：

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

• 在 Mappings 中把 Local path 设为整个项目根目录（$ProjectFileDir$）
• 在 Excluded paths 里填 node_modules/**、vendor/**、dist/** 等无关目录
• 再用 Scope 限定为 Project Files 或自定义 File type（比如只选 PHP 或 TypeScript）
• 注意：Excluded paths 只阻止上传或索引，对 File Watcher 无效——它只靠 Scope 和 File type 过滤

编译后文件不被 IDE 识别？Output paths 没对齐

IDE 不知道你生成了什么，就不会刷新、跳转、报错。关键字段必须严格一致：

• Arguments 中输出目标要和 Output paths to refresh 完全匹配，例如：
  Arguments: --out-dir dist $FileName$ → Output paths: dist/$FileNameWithoutExtension$.js
• 别写 **/*.js，那是通配，IDE 不认；必须是具体路径模板，如 dist/main.js 或 dist/$FileNameWithoutExtension$.js
• 如果用了 tsconfig.json 的 outDir，File Watcher 不会读它——你得手动抄一遍，否则生成的文件可能被 IDE 忽略
• 修改 _partial.scss 不触发编译？正常。Watcher 默认只响应入口文件（不以下划线开头），需手动在 Arguments 里列明所有主入口，或改用项目根目录监听 + 文件类型过滤

真正容易被忽略的点是：File Watcher 启动依赖三个刚性条件同时成立——启用状态、路径匹配、命令可用。少一个，就静默失败，连日志都不打。调试时先在终端手动跑一遍 Program + Arguments，再回头检查 IDE 配置。

php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！