前言
在前端开发过程中，我们经常需要运行多个服务来开发和测试。然而，当一个端口被占用时，我们就需要手动杀死对应的进程才能重新启动服务。这个过程比较麻烦，尤其是当端口较多时。在这种情况下，cross-port-killer 这个 npm 包就可以派上用场了。
cross-port-killer 是一个简单易用的 npm 包，可以一行命令解决端口占用的问题。接下来，我们将详细介绍如何使用 cross-port-killer。
安装 cross-port-killer
要使用 cross-port-killer，首先需要在终端运行以下命令安装它：
npm install cross-port-killer --save-dev
使用 cross-port-killer
安装完 cross-port-killer 后，可以通过命令行调用它来杀死指定端口的进程。以下是 cross-port-killer 的使用方法：
1. 在 package.json 文件中添加脚本
首先，在 package.json 文件中添加一个脚本，例如：
"scripts": {
"kill:3000": "cross-port-killer 3000"
}这个脚本的作用是杀死占用 3000 端口的进程。
2. 运行脚本
接下来，在终端运行以下命令来杀死进程：
npm run kill:3000
这个命令会自动执行 package.json 文件中的脚本，并杀死占用 3000 端口的进程。如果该端口不存在进程，命令会直接退出。
3. 支持杀死多个端口的进程
如果需要一次性杀死多个端口的进程，只需要在命令行指定多个端口即可。例如：
npm run kill:3000 4000 5000
这个命令会依次杀死占用 3000、4000 和 5000 端口的进程。
4. 支持对多个进程杀死同一个端口
有时候，一个端口可能被多个进程占用，这时候 cross-port-killer 可以帮助我们一次性杀死所有占用该端口的进程。例如：
npm run kill:3000 -- --all
这个命令会杀死占用 3000 端口的所有进程。
深入了解 cross-port-killer
cross-port-killer 除了以上基本用法外，还支持更多高级特性。例如，可以使用 cross-port-killer 模块提供的 API 来实现更复杂的操作。
以下是 cross-port-killer 支持的 API：
1. kill(port: number[, force: boolean]): Promise<void>
该 API 支持异步的杀死指定端口的进程。其中，force 参数表示是否强制杀死进程。如果 force 为 true，则会直接杀死对应进程；否则，程序会尝试 gracefully 关闭对应的服务器进程，然后等待一段时间再杀死进程。
2. killAll(port: number[, force: boolean]): Promise<void[]>
该 API 可以一次性杀死占用指定端口的所有进程。其中，force 参数的含义和 kill API 相同。
总结
cross-port-killer 是一个非常方便的 npm 包，可以帮助我们轻松地处理端口占用的问题。本文详细介绍了 cross-port-killer 的基本用法和高级特性，并提供了示例代码供大家参考。希望能对大家在前端开发中有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58086