打通Vue3+Flask（python3）+Mysql-实现简单数据交互

一、需要准备的工具

下载python3，Vscode，pycharm（这里用的社区版），phpstudy_pro，Node.js（建议下载长期支持版本，版本不宜过低，比如18,20），Vue.js（npm install -g @vue/cli，下载速度慢可以设置淘宝镜像）。

这里不具体说明下载步骤，除了python3环境的配置（自行查阅资料），其余工具常规安装即可。

二、查看基本环境。

win+r输入cmd，打开小黑窗，分别验证node，Vue，python。如果如下图所示，说明基本环境是没有问题的。

三、搭建前端Vue框架

1、可以专门新建一个文件夹，用来存放前后端文件。打开新建文件夹，在地址栏选中内容，输入cmd，回车。输入vue create 项目名称（vue create vueproject），我们暂都不考虑命名规范的问题。

2、键盘上下键可以选择vue版本，这里选择第三项，自定义，选中后回车即可。

3、这里选择版本三。接下来我们一直回车即可，不做过多说明。

4、成功之后，是如下界面。

5、接下来，输入cd vueproject，进入当前项目目录，输入npm i，下载项目所需要的依赖。

6、输入npm run serve，启动项目。

7、成功之后，可以在浏览器输入地址，初始页面如下：至此，vue框架就算搭建完成。

8、我们