前端 - mac终端zsh启动vue2项目无法用Ctrl + C打断终止怎么解决？

Question

npm run serve启动项目后，正在启动的过程中，能看到百分比，但我想要中途停止掉，发现快捷键不好用，vscode里面用zsh，iterm2里面用zsh都是这样。
有人遇到过吗，怎么解决这个问题？

Answer 1

Control+Z用于通过向进程发送信号 来暂停SIGTSTP进程，该信号无法被程序拦截。而Control+C用于通过信号终止SIGINT进程，该信号可以被程序拦截，因此可以试试 +Z

Answer 2

在 macOS 的终端（无论是使用 zsh 还是其他 shell）中，如果你发现 Ctrl + C 无法中断正在运行的 npm run serve（或其他长时间运行的命令），这通常是因为该命令已经启动了一些子进程，并且这些子进程并没有直接响应终端的中断信号。对于 vue-cli-service serve（Vue 2 项目中常用的开发服务器）来说，这种情况尤其常见，因为它启动了一个持续运行的服务器进程。

解决方案

1. 使用 npm 或 yarn 的停止命令（如果可用）：
   如果你的项目配置或使用的 npm 脚本中包含了停止服务器的命令（如 npm run stop 或 npm run dev:stop，具体取决于你的配置），你可以尝试运行这些命令来停止服务。

2. 查找并杀死进程：
   如果上述方法不适用，你可以使用 ps 和 kill 命令来查找并终止相关进程。

   • 首先，找出与你的 Vue 服务相关的进程 ID（PID）。你可以使用 ps 命令结合 grep 来过滤输出。例如：

     ps aux | grep node

     或者，如果你知道 npm 脚本中使用的确切命令（如 node ./node_modules/.bin/vue-cli-service serve），你可以直接搜索这个命令：

     ps aux | grep 'vue-cli-service serve'

   • 然后，使用 kill 命令加上进程 ID 来终止该进程。如果进程不响应普通的 kill 命令，你可以尝试使用 -9 选项来强制终止：

     kill -9 <PID>

     其中 <PID> 是你从上一步中找到的进程 ID。

3. 检查是否有其他终端或 IDE 实例在运行：
   确保没有其他终端窗口或 IDE（如 VSCode 的内置终端）在后台运行相同的命令。
4. 更新 npm/node/vue-cli：
   确保你的 npm、Node.js 和 vue-cli 都是最新版本，因为旧版本可能包含已知的 bug 或不兼容问题。
5. 检查环境变量和配置：
   检查是否有任何环境变量或配置可能影响到 npm 脚本的执行，特别是那些可能影响信号处理或进程管理的。

备注

在大多数情况下，使用 kill -9 强制终止进程应该是有效的。然而，这可能会导致一些未正常关闭的副作用，如数据丢失或文件损坏（尽管在开发服务器上运行 Vue 项目时这种情况很少见）。因此，请确保在尝试此方法之前保存所有重要数据。