vue3-vant-mobile icon indicating copy to clipboard operation
vue3-vant-mobile copied to clipboard

An mobile web apps template based on the Vue 3 ecosystem。 一个基于 Vue 3 生态系统的移动 web 应用模板,帮助你快速完成业务开发。

logo

Vue3-Vant-Mobile

Mobile Template built on Vue3、Vite3、Vant4、Pinia2、Vitest、TypeScript

license version repo-size languages issues

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)

 EdgeIE  EdgeEdge FirefoxFirefox ChromeChrome SafariSafari
not support last 2 versions last 2 versions last 2 versions last 2 versions

Maintainer

@CharleeWa

LICENSE

MIT