如何通过npm start同时启动RSS解析服务器与前端服务？

方法一：使用concurrently包（跨平台推荐） #

这是最通用的跨平台方案，能同时启动多个命令，还能区分不同服务的日志输出。

1. 安装依赖
   在项目根目录执行命令：

npm install concurrently --save-dev

2. 配置package.json脚本
   在根目录的package.json中，修改scripts字段：

"scripts": {
  // 定义启动后端服务的脚本，根据你的server入口文件调整路径（比如server/server.js）
  "start:server": "node server/index.js",
  // 定义启动前端服务的脚本，假设src目录下有独立的package.json，启动命令为npm start
  "start:client": "npm start --prefix src",
  // 同时启动两个服务
  "start": "concurrently \"npm run start:server\" \"npm run start:client\""
}

如果你的后端需要热重载（修改代码自动重启），可以把start:server改成用nodemon：

"start:server": "nodemon server/index.js"

（需要先安装nodemon：npm install nodemon --save-dev）

方法二：确保后端先启动再启动前端 #

如果前端依赖后端服务就绪才能正常运行，可以搭配wait-on包，让前端等后端端口就绪后再启动：

1. 安装额外依赖

npm install wait-on --save-dev

2. 修改start脚本

"start": "concurrently \"npm run start:server\" \"wait-on http://localhost:4000 && npm run start:client\""

方法三：不使用第三方包（仅Unix-like系统） #

如果你只在Linux/macOS环境下开发，可以直接用shell的并行命令：

"start": "npm run start:server & npm run start:client"

注意：这种方法在Windows的cmd或PowerShell中可能无法正常工作，且无法很好地管理进程终止。

配置完成后，在根目录执行npm start就能同时启动两个服务了。

内容的提问来源于stack exchange，提问作者mtan006