mysite's Introduction

Vue Flask Template

📦 一个快速搭建 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