forked from natuka/web.puabadge.com
87 lines
3.4 KiB
Markdown
87 lines
3.4 KiB
Markdown
<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、Vite4、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>
|
|
|
|
English / [简体中文](./README-zh_CN.md) , [使用指南](./Guide-zh_CN.md) / [English Guide](./Guide.md)
|
|
|
|
## Introduction
|
|
|
|
🔥🔥🔥 Vue3 Vant Mobile based on `Vue3`, `Vite4`, `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)
|
|
|
|
## Features
|
|
|
|
- 🌓 Support Dark Mode
|
|
- 💪 Written in TypeScript
|
|
- 🚀 Support Vue 3 out-of-the-box
|
|
- 🤖 Auto Importing components
|
|
- 📄 Easy to create files (plop)
|
|
- 📦 Using yarn package manager
|
|
- 💾 Support Mock server
|
|
- 🌈 Support Git hooks (lint and commit)
|
|
- 💖 Mobile UI Components (Vant4)
|
|
- 🍍 Pinia, Store for Vue
|
|
- 🍍 Threejs support, using tresjs
|
|
|
|
## Install and use
|
|
|
|
- Get the project code
|
|
|
|
```bash
|
|
git clone https://git.suwa3d.com/natuka/mobile.suwa3d.com.git
|
|
```
|
|
|
|
- Installation dependencies
|
|
|
|
```bash
|
|
cd mobile.suwa3d.com
|
|
|
|
# with yarn
|
|
yarn install
|
|
|
|
```
|
|
|
|
- run
|
|
|
|
```bash
|
|
yarn dev
|
|
```
|
|
|
|
- build
|
|
|
|
```bash
|
|
yarn build
|
|
```
|
|
|
|
## Browser Support
|
|
|
|
Support modern browsers
|
|
|
|
| [<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 |
|
|
|
|
## LICENSE
|
|
|
|
♥️ [MIT](https://en.wikipedia.org/wiki/MIT_License)
|
|
|
|
|
|
## Docs
|
|
[source template](https://github.com/CharleeWa/vue3-vant-mobile.git)
|
|
[tresjs website](https://tresjs.org/)
|
|
[tresjs - guide](https://tresjs.org/guide/) |