vue-flask-template

KO | EN

gitlite — search

#python #llm #machine-learning #docker #macos #java #windows #cli #kubernetes #awesome-list #security #pytorch #openai #open-source

vue-flask-template

(★ 100)

📦 一个快速搭建 Web 应用的模版！前端使用渐进式框架 Vue，后端使用微框架 Flask

vue-flask-template Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vue Flask Template

📦 一个快速搭建 Web 应用的模版！前端使用渐进式框架 [Vue](https://github.com/vuejs/vue)，后端使用微框架 [Flask](https://github.com/pallets/flask)。

## 使用方法

1. 点击本项目右上角的绿色按钮 `Use this template`（使用此模板），输入名称和说明，完成创建。

2. 将刚刚创建好的项目克隆到本地，这里以本项目为例，实际操作时这里需要替换你自己的项目。

```bash
    git clone https://github.com/Ailln/vue-flask-template.git --depth 1
    ```

3. 安装环境依赖，本项目需要 Node 环境和 Python 环境，如果对这部分不熟悉的看本文档最后的参考文章。

> 注意：版本要求 Node version 12+, Python version 3.6+ 。

```bash
    # 前端环境依赖安装
    cd front
    npm install
    
    # 后端环境依赖安装
    cd back
    pip install -r requirements.txt
    ```

4. 打开两个终端，分别启动前端和后端。

```bash
    # 启动前端
    cd front
    npm run dev
    
    # 启动后端
    cd back
    python app.py
    ```

5. 在浏览器中打开：`http://localhost:3000/` 即可预览。

6. 根据你的需求修改代码。

## 项目结构

```
.
├── 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
```

## 许可

[![](https://award.dovolopor.com?lt=License&rt=MIT&rbc=green)](https://raw.githubusercontent.com/Ailln/vue-flask-template/master/LICENSE)

## 参考

- [Vue3 教程](https://v3.cn.vuejs.org/)
- [Vite 官方中文文档](https://cn.vitejs.dev/guide/why.html)
- [Flask 官方文档](https://flask.palletsprojects.com/en/1.1.x/)
- [如何安装 Node 开发环境？](https://www.v2ai.cn/2018/11/11/linux/7-node-install/)
- [如何安装 Python 开发环境？](https://www.v2ai.cn/2018/04/29/python/2-python-install/)

vue-flask-template

vue-flask-template Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vue-flask-template

vue-flask-template Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README