8c68c6e0a2
|
||
|---|---|---|
| .husky | ||
| build/mock | ||
| mock | ||
| plop-templates | ||
| public | ||
| scripts | ||
| src | ||
| tests | ||
| .browserslistrc | ||
| .editorconfig | ||
| .env | ||
| .env.development | ||
| .env.production | ||
| .eslintignore | ||
| .eslintrc-auto-import.json | ||
| .eslintrc.js | ||
| .gitattributes | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc | ||
| .stylelintrc.js | ||
| .umirc.mock.js | ||
| LICENSE | ||
| README.md | ||
| auto-imports.d.ts | ||
| components.d.ts | ||
| index.html | ||
| package.json | ||
| plopfile.js | ||
| postcss.config.js | ||
| tsconfig.json | ||
| vite.config.ts | ||
| yarn.lock | ||
README.md
Vue3-Vant-Mobile
Mobile Template built on Vue3、Vite3、Vant4、Pinia2、Vitest、TypeScript
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
Preparation
- Vite - Familiar with vite features
- Vue3 - Familiar with Vue3 basic syntax
- Vant4 - Familiar with the basic use of
Vant4 - Pinia - Familiar with the basic use of
Pinia - Vitest - Familiar with the basic use of
Vitest - TypeScript - Familiar with the basic syntax of
TypeScript - Vue-Router - Familiar with the basic use of
Vue-Router
Install and use
- Get the project code
git clone https://github.com/CharleeWa/vue3-vant-mobile.git
- Installation dependencies
cd vue3-vant-mobile
# with yarn
yarn install
- run
yarn dev
- build
yarn build
Preview
You can scan the following QR code to access the demo：
Browser Support
Support modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 IE |
Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |