使用 npm concurrently

简介

npm concurrently 是一个 npm 包，它允许你在一个终端窗口中同时运行多个命令。这对于需要同时运行多个服务或任务的开发环境非常有用。

安装

在全局安装并使用 npm concurrently:

npm install -g concurrently

当然，你也可以在你的项目中安装它:

npm install concurrently --save-dev

这将把 concurrently 添加到你的 devDependencies 中。

使用

以下是为了更好的理解，通过例子进行了解：

{
  "name": "my-project",
  "scripts": {
    "client": "cd client && npm start",
    "server": "cd server && npm start",
    "dev": "concurrently \"npm run client\" \"npm run server\""
  }
}

这个例子中，我们在代码文件夹下拥有一个 client 文件夹和一个 server 文件夹。我们可以在终端窗口中运行 npm run dev 来同时运行 npm run client 和 npm run server。

同时需要注意的是，concurrently 可以使用引号把命令包装起来，以便正确解析命令行参数。 在这个例子中使用双引号。

如何传递参数

在传递参数时，我们可以使用 -- 来将其它命令行参数传递给要运行的命令：

{
  "scripts": {
    "dev": "concurrently \"npm run client\" \"npm run server\" --kill-others",
    "client": "cd client && npm start",
    "server": "cd server && npm start --port 4000"
  }
}

这里的 --kill-others 是当其中一个命令退出后，其他命令也被终止。

总结

以上是关于 npm concurrently 的介绍，它是一个强大且简单的工具，可用于同时运行多个命令，有助于提高产品开发速度。