# vant-demo

**Repository Path**: sindy2019/vant-demo

## Basic Information

- **Project Name**: vant-demo
- **Description**: Vant 示例仓库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://vant-contrib.gitee.io/vant/#/zh-CN/demo
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 27
- **Created**: 2020-09-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vant-demo
Vant 示例工程，基于 vue-cli 3 搭建。

## 目录

### base

base 工程示范了如何用 vant 搭建几个简单的电商页面，包含如下功能：
- 基于 vant 搭建
- 基于 vue-router 的单页面应用
- 组件按需引入
- 视图异步加载

### rem

rem 工程在 base 工程的基础上增加了移动端 rem 适配的配置。

### viewport

viewport 工程在 base 工程的基础上增加了移动端 vw/vh 适配的配置。

### theme

theme 工程在 base 工程的基础上增加了自定义主题色的配置。

### typescript

基于 typescript 的工程，使用 ts-import-plugin 实现组件按需引入。


## 预览

<img src="https://img.yzcdn.cn/public_files/2017/11/16/4b7eb956ba7d30d374a2310124bdb5fe.png" alt="demos" width="600" />

## 开发命令

``` bash
# 安装依赖
# 注意：请切换到对应的子目录下安装
cd base
npm install

# 本地开发
# 通过 localhost:8080 访问页面
npm run serve

# 生产环境构建
npm run build

# 代码格式校验
npm run lint
```