如何在PhpStorm中实现每次保存后执行终端命令？

嘿，完全懂你这种每次改完代码都要手动终止再重启cordova serve的麻烦！没法用BrowserSync确实头疼，但PhpStorm里有几种方法能帮你实现保存文件后自动重启服务，不用再重复手动操作，下面一步步来：

方法一：用File Watchers自动触发重启 #

这是最直接的方案，PhpStorm的File Watchers可以监听文件变更，自动执行指定命令：

1. 打开File Watchers设置：

   • Windows/Linux：File > Settings > Tools > File Watchers
   • Mac：PhpStorm > Settings... > Tools > File Watchers

2. 点击右上角的+号，选择Custom创建自定义监视器

3. 配置监视器参数（根据你的操作系统调整）：

   • Name：随便起个好记的名字，比如Cordova Serve Auto-Restart
   • File type：选择你需要监听的文件类型（比如HTML、CSS、JavaScript，或者直接选All files监听所有变更）
   • Scope：选Project Files，确保整个项目的文件变更都能触发
   • Program：
     • Windows：填cmd.exe
     • Mac/Linux：填/bin/bash
   • Arguments：
     • Windows：/c "taskkill /f /im node.exe && cordova serve"（注意：这个命令会杀掉所有node进程，如果你同时在运行其他node服务，建议用更精准的命令，比如taskkill /f /fi "windowtitle eq *Cordova Serve*"，前提是cordova serve的终端窗口标题包含这个关键词）
     • Mac/Linux：-c "pkill -f 'cordova serve' && cordova serve"（这个只会杀掉cordova serve相关的进程，更安全）
   • Working directory：选择你的Cordova项目根目录（默认会自动填充，确认一下就行）
   • 勾选下方的Auto-save edited files to trigger the watcher和Trigger the watcher on external changes

4. 点击OK保存配置，现在只要你修改并保存文件，PhpStorm就会自动杀掉旧的cordova serve进程，然后重启服务！

方法二：配合npm脚本简化命令 #

如果你觉得直接写终端命令太麻烦，可以先在项目根目录的package.json里加个脚本：

{
  "scripts": {
    "cordova:restart": "pkill -f 'cordova serve' && cordova serve"
    // Windows用户改成："cordova:restart": "taskkill /f /im node.exe && cordova serve"
  }
}

然后回到File Watchers的配置里，把Program改成npm，Arguments改成run cordova:restart，这样更简洁，也方便后续修改命令。

注意事项 #

• 确保你的终端能正常执行cordova serve命令，PhpStorm的终端环境变量要和你平时用的一致
• 如果kill进程的命令没生效，可能是进程名称或窗口标题不对，你可以先手动在终端里测试一下kill命令，确保能正确终止cordova serve
• 如果你同时运行多个node服务，Windows的taskkill /im node.exe会杀掉所有node进程，记得用更精准的过滤条件哦

内容的提问来源于stack exchange，提问作者Ben