Skip to content

Latest commit

 

History

History
50 lines (38 loc) · 1.51 KB

README.zh-CN.md

File metadata and controls

50 lines (38 loc) · 1.51 KB

Vant Demo

English | 简体中文

当前仓库是 Vant 官方的示例仓库,包含 Vant、Vant Weapp 和 Vant Cli 相关的示例。

如何使用

  1. 首先,克隆当前仓库到你的本地:
git clone [email protected]:vant-ui/vant-demo.git
  1. 然后选择你需要的示例,比如 Rsbuild 项目示例:
cd vant/rsbuild
  1. 通过 npm 或其他包管理器安装依赖,即可启动项目:
npm i
npm run dev
  1. 你可以 Fork 一份当前项目,也可以直接从当前项目拷贝代码来使用。

目录结构

├── vant                # Vant 相关示例
│   ├── rsbuild         使用 Vue 3、Vant 4、Rsbuild 搭建应用
│   ├── vite            使用 Vue 3、Vant 4、Vite 搭建应用
│   ├── nuxt3           使用 Nuxt 3、Vant 4 搭建应用
│   ├── vue3-ts         使用 Vue 3、Vant 4、TS、Vite 搭建应用
│   ├── cdn             通过 CDN 引入 Vant
│   ├── rem             配置 rem 适配
│   └── viewport        配置 viewport 配置
│
├── vant-weapp          # Vant Weapp 相关示例
│   └── base            使用 Vant Weapp 搭建小程序
│
├── react-vant          # React Vant 相关示例
│   └── rsbuild         使用 React Vant 和 Rsbuild 搭建应用
│
└── vant-cli            # Vant Cli 相关示例
    └── base            使用 Vant Cli 搭建组件库