创新实训（二）——基于AI辩论训练平台的用户成长体系与社区功能实现

配置环境

首先打开项目配置环境，用pycharm打开后端，vscode打开前端

激活虚拟环境示例（以 venv 为例）

注意如果使用了虚拟环境（如 venv/conda），一定要确保已激活环境后再安装：

# 激活虚拟环境示例（以 venv 为例）
source venv/bin/activate  # Linux/Mac
venv\Scripts\activate     # Windows

之后针对报错下载项目所需的包，项目就不会爆红了

启动项目后端

使用命令启动后端

uvicorn app.main:app --reload 

发现报错如上，查阅资料后得知startup版本过于老旧，于是将项目入口修改为

// An highlighted block
# 先编写生命周期管理器
@asynccontextmanager
async def lifespan(app: FastAPI):
    # 这里是启动代码（等价于原 on_event("startup")）
    print("应用启动！")
    yield  # 在此处暂停，处理请求
    # 这里是关闭代码（等价于原 on_event("shutdown")）
    print("应用关闭！")

# 将 lifespan 传递给 FastAPI 对象
app = FastAPI(lifespan=lifespan)

# 添加根路径路由
@app.get("/")
async def root():
    return {"message": "Hello World"}

再次尝试启动项目出现以上内容说明后端成功启动

启动项目前端

运行以下两个命令就能成功启动前端

npm install
npm run dev

打开链接 http://localhost:4000/Login 就能看到登录界面