Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vant-ui/vant-demo
Collection of vant demos.
https://github.com/vant-ui/vant-demo
demo mobile ui vant vant-demo vue
Last synced: 3 months ago
JSON representation
Collection of vant demos.
- Host: GitHub
- URL: https://github.com/vant-ui/vant-demo
- Owner: vant-ui
- License: mit
- Created: 2017-10-20T11:32:53.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2024-06-16T07:46:41.000Z (5 months ago)
- Last Synced: 2024-07-28T16:48:55.736Z (3 months ago)
- Topics: demo, mobile, ui, vant, vant-demo, vue
- Language: Vue
- Homepage:
- Size: 1.3 MB
- Stars: 1,949
- Watchers: 41
- Forks: 1,174
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
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 [email protected]: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
│ ├── rsbuild Building applications using Vue 3, Vant 4, and Rsbuild
│ ├── 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
│ └── rsbuild Building applications using React Vant and Rsbuild
│
└── vant-cli # Examples related to Vant Cli
└── base Building component libraries using Vant Cli
```