fastapi+vue3+primeflex前后端分离开发项目环境搭建

本文主要是介绍fastapi+vue3+primeflex前后端分离开发项目环境搭建，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

创建后端项目

创建文件夹：

mkdir backend

创建python虚拟环境：

python -m venv venv

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

安装fastapi：

pip install "fastapi[all]"

编写第一个程序：main.py

from fastapi import FastAPIapp = 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/

这篇关于fastapi+vue3+primeflex前后端分离开发项目环境搭建的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---