前言
在现代的前端开发中，多任务操作是必不可少的一部分。concurrently 是一个非常优秀的 npm 包，允许我们在一个命令行界面中随意运行一组命令。
@types/concurrently 是绑定 concurrently 包的 TypeScript 类型定义，使用它能为我们提供全面的类型支持，以便于我们在编写 TypeScript 代码时更加严格和规范。
本篇文章将详细介绍使用 @types/concurrently 的方法，并提供示例代码和指导意义。
安装
首先，我们需要安装 concurrently 和 @types/concurrently 两个 npm 包。你可以通过如下命令进行安装：
npm install -D concurrently @types/concurrently
其中，-D 参数表示将 concurrently 和 @types/concurrently 添加至 devDependencies 依赖中，即仅在开发环境中使用。
使用 concurrently
假设我们有两个需要并行运行的命令：
npm run server npm run client
我们可以借助 concurrently 将它们绑定在一起，如下代码所示：
"scripts": {
"dev": "concurrently \"npm:server\" \"npm:client\""
}上述代码中，我们使用 concurrently 来让两个命令同时运行，其中每一个命令以单引号包裹，并使用 "npm:[命令]" 的方式来表示需要使用 npm 运行的命令。
现在，我们运行 npm run dev 命令，即可看到两个命令都同时在命令行中运行了：
当然，concurrently 提供了许多自定义的选项，例如 --kill-others-on-fail 参数可以在一个命令执行失败时自动终止另一个命令的执行。这超出了本文的讨论范围，更多选项可以参考官方文档。
使用 @types/concurrently 提供的类型定义
当我们使用 concurrently 运行一组命令时，返回的是一个进程信息的数组，每一个进程信息包含了该进程相关的信息，例如进程 ID、名称、返回码等。@types/concurrently 通过将这一信息定义成结构体，使得我们可以在编写 TypeScript 代码时得到全面的类型支持。
假设我们想要编写一个函数，获取当前正在运行的所有进程名称，我们可以使用如下代码：
-- -------------------- ---- -------
------ ------------ - ------------------------
------ -------- -- -
----- --------- - ----- --------------
- -------- ---- --- -------- ----- -------- --
- -------- ---- --- -------- ----- -------- --
---
----- ---------------- - ---------
----------- -- ----------
-------- -- --------
-------------------------- ------------------
-----上述代码中，我们使用 concurrently 函数同时运行两个命令，并将返回的进程信息数组存入变量 processes 中。然后，使用 filter 函数和 map 函数获取所有正在运行的进程名称，并输出至命令行中。
如果我们将 running 单词拼错，例如将其写做 runing，那么在编写 TypeScript 时就能及时捕获此类错误，使得代码更加规范和准确，减少了可能的 bug 出现。
总结
在本文中，我们详细介绍了 npm 包 @types/concurrently 的使用方法，并提供了示例代码和指导意义。通过使用 @types/concurrently，我们能够在编写 TypeScript 代码时得到全面的类型支持，使得代码更加严谨和规范。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/types-concurrently