# vue-typescript-vant-base

**Repository Path**: Rockwc/vue-typescript-vant-base

## Basic Information

- **Project Name**: vue-typescript-vant-base
- **Description**: 基于 vue-cli4+typescipt+vant 搭建 H5 通用架子(支持微信公众号)
- **Primary Language**: TypeScript
- **License**: EPL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-13
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 基于 vue-cli4 + typescript + vant 搭建 H5 通用架子(支持微信公众号)

### 简介

#### 该项目架构为移动端快速开发架构，内部集成 Vant UI 框架、Vue、Typescript..., 目的是缩短移动端 H5 开发周期、提升开发效率、提升代码维护性，如有建议和 BUG 留言或私信作者。

### 注意

#### 目前架构还在测试、开发阶段。

### 功能介绍

1. 支持 px 自动转 rem 并且忽略 node_modules 下三方包
2. 常用目录别名设置
3. 支持 scss 和 less 全局样式、变量、函数......
4. 支持 gzip 压缩
5. 支持本地 mock 模拟数据
6. 支持网站标题动态设置
7. axios 封装
8. cdn 配置加载
9. 支持多环境模式
10. 内置微信公众号 sdk
11. 支持 vant 组件库的按需加载
12. 支持 svg 雪碧图
13. 默认导入 vuedraggable 移动端拖动组件并且提供兼容 vantui 的 demo
14. 支持 vant 自定义主题
15. 支持 typescript

### 安装

git clone git@gitee.com:null_639_5368/vue-vant-base.git

或者

下载 zip

### 演示

http://null_639_5368.gitee.io/vue-typescript-vant-base

### 运行

npm install 或者 yarn

npm run dev:mock 模拟数据模式

npm run dev 默认开发模式

npm run build 生产模式