# vant-demo

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

## Basic Information

- **Project Name**: vant-demo
- **Description**: 🐱轻量、可靠的移动端 Vue 组件库🐱
我们提供了丰富的示例工程，通过示例工程你可以了解如下内容：
@基于 Vite 和 Vant 搭建应用
@基于 Nuxt 和 Vant 搭建应用
@基于 Vue Cli 和 Vant 搭建应用
@配置按需引入组件
@配置基于 Rem 的适配方案
@配置基于 Viewport 的适配方案
@配置基于 TypeScript 的工程
@配置自定义主题色方案
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://vant-contrib.gitee.io/vant/#/zh-CN/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2021-12-10
- **Last Updated**: 2022-01-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vant Demo

Vant 官方示例合集，包含了 Vant、Vant Weapp 和 Vant Cli 相关的示例，详细内容请打开各目录查看。

## 目录结构

```bash
├── vant                # Vant 相关示例
│   ├── vue2            使用 Vue 2、Vant 2、Vue Cli 搭建应用
│   ├── vue3            使用 Vue 3、Vant 3、Vue Cli 搭建应用
│   ├── vite            使用 Vue 3、Vant 3、Vite 搭建应用
│   ├── nuxt2           使用 Nuxt 2、Vant 2 搭建应用
│   ├── nuxt3           使用 Nuxt 3、Vant 3 搭建应用
│   ├── cdn             通过 CDN 引入 Vant
│   ├── rem             配置 rem 适配
│   ├── viewport        配置 viewport 配置
│   ├── theme           配置 theme 主题定制
│   └── typescript      配置 typescript 按需引入
│
├── vant-weapp          # Vant Weapp 相关示例
│   └── base            使用 Vant Weapp 搭建小程序
│
└── vant-cli            # Vant Cli 相关示例
    └── base            使用 Vant Cli 搭建组件库
```