📦 一个快速搭建 Web 应用的模版!前端使用渐进式框架 Vue,后端使用微框架 Flask
📦 一个快速搭建 Web 应用的模版!前端使用渐进式框架 Vue,后端使用微框架 Flask。
点击本项目右上角的绿色按钮 Use this template
(使用此模板),输入名称和说明,完成创建。
将刚刚创建好的项目克隆到本地,这里以本项目为例,实际操作时这里需要替换你自己的项目。
git clone https://github.com/Ailln/vue-flask-template.git --depth 1
安装环境依赖,本项目需要 Node 环境和 Python 环境,如果对这部分不熟悉的看本文档最后的参考文章。
注意:版本要求 Node version 12+, Python version 3.6+ 。
# 前端环境依赖安装
cd front
npm install
# 后端环境依赖安装
cd back
pip install -r requirements.txt
打开两个终端,分别启动前端和后端。
# 启动前端
cd front
npm run dev
# 启动后端
cd back
python app.py
在浏览器中打开:http://localhost:3000/
即可预览。
根据你的需求修改代码。
.
├── front # 前端
│ ├── package.json # 前端依赖
│ ├── package-lock.json
│ ├── public
│ ├── src
│ │ ├── App.vue # 主页面
│ │ ├── components # 子组件
│ │ │ └── HelloWorld.vue
│ │ ├── assets # 静态资源
│ │ └── main.js
│ └── vite.config.js
├── back # 后端
│ ├── app.py
│ └── requirements.txt # 后端依赖
├── README.md
├── LICENSE
└── .gitignore