# template-vant-vue

**Repository Path**: lqsong/template-vant-vue

## Basic Information

- **Project Name**: template-vant-vue
- **Description**: 是一个前台前端解决方案，它基于Frame-Template-Vue框架 、VantUI 组件实现。它使用了最新的前端技术栈、动态路由、权限验证、国际化、Mock 数据等。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: http://frame-template-vue.liqingsong.cc/guide/sdev/template-vant-vue.html
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-02-11
- **Last Updated**: 2024-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Pinia, Vant, Axios, vue-router

## README

# Template-Vant-Vue

`Template-Vant-Vue`（[Github](https://github.com/lqsong/template-vant-vue)、[Gitee](https://gitee.com/lqsong/template-vant-vue)） 是一个前台前端解决方案，它基于[Frame-Template-Vue](http://frame-template-vue.liqingsong.cc/)框架 、[Vant](https://vant-contrib.gitee.io/vant/)UI 组件实现。它使用了最新的前端技术栈、动态路由、权限验证、国际化、Mock 数据等。

## Demo

**注意：Demo 用的是在线 mock 服务，不稳定，若在线登录不了 pull 到本地可直接运行查看 demo**

| **[Demo（点击此处）](http://demo.template-vant-vue.liqingsong.cc/)** |
:-------------------------:
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/1home.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/2cate.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/3car.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/4my.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/5my-set.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/6login.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/7reg.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-1home.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-2cate.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-3car.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-4my.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-5my-set.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-6login.png) |
| ![Home](http://frame-template-vue.liqingsong.cc/images/template-vant-vue/8-7reg.png) |

## 使用文档

- [http://frame-template-vue.liqingsong.cc/guide/sdev/template-vant-vue.html](http://frame-template-vue.liqingsong.cc/guide/sdev/template-vant-vue.html)
- [Github](https://github.com/lqsong/template-vant-vue)
- [Gitee](https://gitee.com/lqsong/template-vant-vue)

## 框架模板

- frame-template-vue（[GitHub](https://github.com/lqsong/frame-template-vue)、[Gitee](https://gitee.com/lqsong/frame-template-vue)）

## 后台前端解决方案列表

- admin-element-vue（[GitHub](https://github.com/lqsong/admin-element-vue)、[Gitee](https://gitee.com/lqsong/admin-element-vue)）
- admin-antd-vue（[GitHub](https://github.com/lqsong/admin-antd-vue)、[Gitee](https://gitee.com/lqsong/admin-antd-vue)）
- admin-antd-react（[GitHub](https://github.com/lqsong/admin-antd-react)、[Gitee](https://gitee.com/lqsong/admin-antd-react)）
- electron-admin-element-vue（[GitHub](https://github.com/lqsong/electron-admin-element-vue)、[Gitee](https://gitee.com/lqsong/electron-admin-element-vue)）
- electron-admin-antd-vue（[GitHub](https://github.com/lqsong/electron-admin-antd-vue)、[Gitee](https://gitee.com/lqsong/electron-admin-antd-vue)）
- electron-admin-antd-react（[GitHub](https://github.com/lqsong/electron-admin-antd-react)、[Gitee](https://gitee.com/lqsong/electron-admin-antd-react)）
- admin-vue3-micro-qiankun（[GitHub](https://github.com/lqsong/admin-vue3-micro-qiankun)、[Gitee](https://gitee.com/lqsong/admin-vue3-micro-qiankun)）

## 前台前端解决方案列表

- template-vant-vue（[GitHub](https://github.com/lqsong/template-vant-vue)、[Gitee](https://gitee.com/lqsong/template-vant-vue)）

## 前台前端 SSR 解决方案列表

- midway-vue3-ssr（[GitHub](https://github.com/lqsong/midway-vue3-ssr)、[Gitee](https://gitee.com/lqsong/midway-vue3-ssr)）
- midway-react-ssr（[GitHub](https://github.com/lqsong/midway-react-ssr)、[Gitee](https://gitee.com/lqsong/midway-react-ssr)）

## 快速入门

> 请使用 pnpm , **[pnpm 的安装与使用](http://liqingsong.cc/article/detail/26)** 。

### 本地开发

```bash
$ pnpm i
$ pnpm dev
```

## 捐赠

如果你觉得这个项目帮助到了你，请帮助点击 Star，你也可以请作者喝咖啡表示鼓励.

|                                        **ALIPAY**                                         |                                        **WECHAT**                                         |
| :---------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------: |
| ![Alipay](http://uploads.liqingsong.cc/20210430/f62d2436-8d92-407d-977f-35f1e4b891fc.png) | ![Wechat](http://uploads.liqingsong.cc/20210430/3e24efa9-8e79-4606-9bd9-8215ce1235ac.png) |