# vue3-vant-mobile

**Repository Path**: jsaon111/vue3-vant-mobile

## Basic Information

- **Project Name**: vue3-vant-mobile
- **Description**: vue3-vant-mobile
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-07-05
- **Last Updated**: 2023-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
    <img alt="logo" src="https://opens-1308879050.cos.ap-beijing.myqcloud.com/vvm/logo.png" width="120" height="120" style="margin-bottom: 10px;">
</p>

<h1 align="center">Vue3-Vant-Mobile</h1>

<p align="center">Mobile Template built on Vue3、Vite3、Vant4、Pinia2、Vitest、TypeScript </p>

<p align="center">
  <img src="https://img.shields.io/github/license/CharleeWa/vue3-vant-mobile" alt="license" />
  <img src="https://img.shields.io/github/package-json/v/CharleeWa/vue3-vant-mobile" alt="version" />
  <img src="https://img.shields.io/github/repo-size/CharleeWa/vue3-vant-mobile" alt="repo-size" />
  <img src="https://img.shields.io/github/languages/top/CharleeWa/vue3-vant-mobile" alt="languages" />
  <img src="https://img.shields.io/github/issues-closed/CharleeWa/vue3-vant-mobile" alt="issues" />
</p>

## Introduction

🔥🔥🔥 Vue3 Vant Mobile based on `Vue3`, `Vite3`, `Vant4`, `Pinia2`, `Vitest`, `TypeScript`; 🚀🚀🚀 Integrate `Plop` to generate any type of code block, integrate `Dark Mode` (Dark) configuration, integrate `Mock` data, and other handy extensions. 💖💖💖 In short, clean, simple, easy to use, reference, can save you a week of development time, hope you like it.

## Achievement

🎉🎉🎉 Added to the [Awesome Vite.Js](https://github.com/vitejs/awesome-vite#vue-3)

## Preparation

- [Vite](https://cn.vitejs.dev/) - Familiar with vite features
- [Vue3](https://v3.vuejs.org/) - Familiar with Vue3 basic syntax
- [Vant4](https://youzan.github.io/vant/v4/#/zh-CN) - Familiar with the basic use of `Vant4`
- [Pinia](https://pinia.vuejs.org/) - Familiar with the basic use of `Pinia`
- [Vitest](https://vitest.dev/) - Familiar with the basic use of `Vitest`
- [TypeScript](https://www.typescriptlang.org/) - Familiar with the basic syntax of `TypeScript`
- [Vue-Router](https://router.vuejs.org/) - Familiar with the basic use of `Vue-Router`

## Install and use

- Get the project code

```bash
git clone https://github.com/CharleeWa/vue3-vant-mobile.git
```

- Installation dependencies

```bash
cd vue3-vant-mobile

# with yarn
yarn install

```

- run

```bash
yarn dev
```

- build

```bash
yarn build
```

## Preview

You can scan the following QR code to access the demo：

<img src="https://opens-1308879050.cos.ap-beijing.myqcloud.com/vvm/preview-qrcode.png" width="220" height="220" >

## Browser Support

Support modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| :-: | :-: | :-: | :-: | :-: |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## Maintainer

[@CharleeWa](https://github.com/CharleeWa)

## LICENSE

[MIT](https://en.wikipedia.org/wiki/MIT_License)