# vant-demo

**Repository Path**: vant-contrib/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/
- **GVP Project**: No

## Statistics

- **Stars**: 30
- **Forks**: 27
- **Created**: 2019-08-12
- **Last Updated**: 2025-09-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vant, Vue, vue3, 组件库, JavaScript

## README

# Vant Demo

English | [简体中文](./README.zh-CN.md)

The current repository is the official example repository for Vant, which includes examples related to Vant, Vant Weapp, and Vant Cli.

## How to Use

1. First, clone the current repository to your local:

```bash
git clone git@github.com:vant-ui/vant-demo.git
```

2. Then, choose the example you need, such as the Vite project example:

```bash
cd vant/vite
```

3. Install the dependencies using `npm` or other package managers, and start the project:

```bash
npm i
npm run dev
```

4. You can fork the current project or directly copy the code from the current project to use.

## Directory Structure

```bash
├── vant                # Examples related to Vant
│   ├── vite            Building applications using Vue 3, Vant 4, and Vite
│   ├── nuxt3           Building applications using Nuxt 3 and Vant 4
│   ├── vue3            Building applications using Vue 3, Vant 4, and Vue Cli
│   ├── vue3-ts         Building applications using Vue 3, Vant 4, TypeScript, Vite
│   ├── cdn             Importing Vant through CDN
│   ├── rem             Configuring rem adaptation
│   ├── viewport        Configuring viewport settings
│   └── typescript      Configuring TypeScript and importing on demand
│
├── vant-weapp          # Examples related to Vant Weapp
│   └── base            Building mini-programs using Vant Weapp
│
├── react-vant          # Examples related to React Vant
│   └── modern-js       Building applications using React Vant, Modern.js, and Rspack
│
└── vant-cli            # Examples related to Vant Cli
    └── base            Building component libraries using Vant Cli
```