flask + vue 工具组合用于前后端分离环境搭建

依赖包安装流程

安装包

• Python3
  • Node.js
  • PyCharm 或其他开发工具

Vue框架搭建实践

【确认node.js的版本信息

npm -v

当命令能够正确输出版本号时，即可通过npm工具进行vue的安装操作

npm install -g @vue/cli
npm install -g @vue/cli-init

Flask环境搭建指南

完成Python环境配置后，需依次安装与Flask框架相关的依赖组件。具体操作如下：
pip install flask
pip install flask_cors
pip install flask-sqlalchemy
pip install psycopg2
说明：flask_cors模块主要实现前端与后端之间的跨域通信功能，而flask-sqlalchemy则用于建立与数据库的连接。

新建工程

前端初始化流程

建立名为myproject的目录

进入该目录

运行命令 vue init webpack frontend

![在这里插入图片描述](https://ad.itadn.com/c/weblog/blog-img