# Vue3-Ts-Vant-H5

**Repository Path**: ldhnet/vue3-ts-vant-h5

## Basic Information

- **Project Name**: Vue3-Ts-Vant-H5
- **Description**:  一直想做手机h5通用vue项目，看了很多优秀的开源项目但是发现没有合适自己的。于是在休息时间，利用Vant开源移动端组件库造了个轮子。特点：利用json mock数据，基本可以做到很少代码侵入来完成与后端接口的对接。前端代码封装过后十分精简易上手，出错概率低。系统会陆续更新一些实用功能。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://110.42.176.117:9001
- **GVP Project**: No

## Statistics

- **Stars**: 10
- **Forks**: 3
- **Created**: 2022-10-19
- **Last Updated**: 2025-01-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex, TypeScript

## README

# vue3-Ts-Vant-H5

基于Vant开源移动端组件库造了个轮子

项目部署环境：linux + nginx 

[预览入口](http://117.72.70.166/vant/)

[GitHub仓库](https://github.com/ldhnet/vue3-Ts-Vant-H5)
  
### 当前版本: v 2.1.0

### QQ技术交流群（972107977）

### 技术支持: 574427343@qq.com

## 安装使用

- 依赖安装

```
npm install
```

- 运行
```
npm run dev

```

- 打包
```
npm  run build:dev
```

 ## 基本结构
```
// src
|-- api                // 接口调用
|-- assets             // 静态文件
|-- components
|---- layout           // 基础布局
|---- iFrame           // iframe组件
|-- http
|---- index            // axios 封装
|-- plugins            // 插件封装 
|-- router             // 路由模块 
|-- store              // VUEX状态存储 
|-- utils              // 常用工具
|-- views
|---- login            // 前台登录界面
|---- home             // 主预览界面 

```
  
## 简介

一直想做手机h5通用vue项目，看了很多优秀的开源项目但是发现没有合适自己的。于是在休息时间，利用Vant开源移动端组件库造了个轮子。特点：利用json mock数据，基本可以做到很少代码侵入来完成与后端接口的对接。前端代码封装过后十分精简易上手，出错概率低。系统会陆续更新一些实用功能。

## 捐赠支持

你可以请作者喝杯咖啡表示鼓励
 
![wxpay.jpg](https://gitee.com/ldhnet/vue3-ts-vant-h5/raw/master/src/assets/img/wxpay.png)