如何使用NPM从不同文件夹同时运行两个独立命令？

下面是几种实用的实现方式：

方案1：用concurrently并行运行（推荐） #

这是前端项目中常用的多命令并行工具，完全适配你的结构：

1. 在项目根目录初始化一个空的package.json（如果还没有）：

   npm init -y
   

2. 安装concurrently作为开发依赖：

   npm install concurrently --save-dev
   

3. 修改根目录的package.json，添加启动脚本：

   "scripts": {
     "dev": "concurrently \"cd client && webpack serve --progress --config webpack.config.development.js\" \"cd server && nodemon server.js\"",
     "client": "cd client && webpack serve --progress --config webpack.config.development.js",
     "server": "cd server && nodemon server.js"
   }
   

4. 执行根目录的启动命令，即可同时拉起前后端：

   npm run dev
   

方案2：手动开启两个终端（零依赖） #

不需要安装任何工具，直接操作：

• 第一个终端进入client目录，运行前端命令：

  cd client
  webpack serve --progress --config webpack.config.development.js
  

• 第二个终端进入server目录，运行后端命令：

  cd server
  nodemon server.js
  

方案3：类Unix系统下用Shell后台运行 #

在Linux/macOS环境下，可直接用Shell的后台符号让命令并行：
在项目根目录执行：

cd client && webpack serve --progress --config webpack.config.development.js & cd server && nodemon server.js

⚠️ 缺点：前后端日志会混在一起，且Windows系统不支持这种写法。

所有方案都不会改动你现有的client/server文件夹结构，两个目录的package.json依赖依然完全独立，不会互相干扰。

内容的提问来源于stack exchange，提问作者Taste of Leaving