flask-vuejs-template
项目核心内容总结:
该模板结合 Flask(Python 后端框架)和 Vue.js(前端框架),提供一个全栈 Web 应用开发模板。
主要功能与特性:
- 后端功能:基于 Flask 1.0 和 Flask-RestPlus 构建 REST 风格 API,支持安全的类视图路由;提供 PyTest 测试套件。
- 前端功能:使用 Vue CLI 3 + Vuex + Vue Router + Axios 实现前端框架,支持过滤器(Filters)等功能。
- 部署支持:预配置 Heroku 一键部署,支持 Gunicorn + Python 虚拟环境。
- 结构优化:采用扁平化文件结构,Yarn 管理依赖,分离 Flask API(
/api)与 Vue 前端(/)入口。
使用方法:
- 安装依赖:需 Python 3、Yarn、Vue CLI,通过
pipenv安装 Python 依赖,yarn install安装前端依赖。 - 开发环境:运行
python run.py启动 Flask 服务,yarn serve启动 Vue 开发服务器(前端localhost:8080,后端localhost:5000)。 - 生产环境:通过 Heroku 部署,需配置 Node.js 和 Python 构建包,设置环境变量后推送代码即可部署。
适用场景:适合需要快速搭建 Flask + Vue.js 全栈项目的开发者,支持 REST API 开发、前后端分离、自动化测试及云部署。