创建后端项目

创建文件夹：

mkdir backend

创建python虚拟环境：

python -m venv venv

使用Pycharm打开文件夹，然后配置python解释器为venv虚拟环境。

安装fastapi：

pip install "fastapi[all]"

编写第一个程序：main.py

from fastapi import FastAPI

app = FastAPI()


@app.get("/")
async def root():
    return {"message": "Hello World"}

运行程序：

uvicorn main:app --reload

创建前端项目

使用vite进行创建：

pnpm create vite

项目名叫frontend，编程语言选择JavaScript。

然后使用webstorm打开项目，并配置npm快捷启动。

安装依赖：

pnpm i

启动服务：

浏览器访问：http://localhost:5173/