如何实现一键启动FastAPI与React应用的功能？

完全不需要部署到远程服务器，本地开发环境就能实现一键启动，以下是3种常用实现方式，你可以根据自己的使用场景选择：

方案1：Windows 批处理脚本（最适合你当前环境，操作零成本） #

你贴的虚拟环境激活路径是Windows系统格式，直接用批处理脚本就能实现双击启动：

• 在项目根目录新建文本文档，重命名为start_all.bat（注意要把后缀名从.txt改成.bat）
• 往文件里写入以下内容，替换为你自己的项目路径：

@echo off
:: 启动FastAPI后端
start cmd /k "cd /d 你的FastAPI项目根目录绝对路径 && venv\Scripts\activate && uvicorn main:app --reload"
:: 启动React前端
start cmd /k "cd /d 你的React项目根目录绝对路径 && npm start"

• 保存后直接双击这个start_all.bat文件，就会自动弹出两个终端窗口分别运行前后端服务，不需要手动输入任何命令。

方案2：跨平台Node工具方案（单终端展示双端日志） #

如果不想开两个终端，希望在同一个窗口看前后端的运行日志，可以用concurrently工具实现：

• 首先全局安装concurrently：npm install -g concurrently
• 在项目根目录新建package.json文件，写入以下配置：

{
  "scripts": {
    "start:backend": "cd 你的FastAPI目录相对路径 && venv\\Scripts\\activate && uvicorn main:app --reload",
    "start:frontend": "cd 你的React目录相对路径 && npm start",
    "start": "concurrently \"npm run start:backend\" \"npm run start:frontend\""
  }
}

• 后续只要在项目根目录执行npm start命令，就能同时启动前后端，两个服务的日志会在同一个终端输出，还会自动区分不同颜色方便排查问题。

方案3：Docker Compose方案（适合多设备共享运行环境） #

如果需要给团队其他同事共用启动脚本，不想每个人都单独配置Python虚拟环境、Node环境，可以用Docker Compose实现：

• 分别给FastAPI后端、React前端编写Dockerfile配置运行环境
• 在项目根目录编写docker-compose.yml文件定义两个服务的启动规则、端口映射、目录挂载等配置
• 后续所有人只要执行docker compose up命令就能一键启动全栈服务，不需要单独配置本地环境，也能保证所有设备的运行环境完全一致。

普通本地开发用前两种方案就足够满足需求，不需要额外部署到远程服务器。

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