Skip to content

🔥🔥🔥 基于Vue3、Vite3、Vant4、Pinia2、Vitest、TypeScript 构建的移动端架子;🚀🚀🚀 集成 Plop 可生成任何类型代码块、集成 Dark Mode (暗黑)配置、集成 Mock 数据、封装基于 TS 的 axios 请求库,以及其它好用的扩展~ 。💖💖💖 简言之,干净简单、好用,可参考,能为你节省一周的开发时间,希望你能喜欢!

License

Notifications You must be signed in to change notification settings

zgnation/vue3-vant-mobile

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Features

  • 🌓 Support Dark Mode
  • 💪 Written in TypeScript
  • 🚀 Support Vue 3 out-of-the-box
  • 🤖 Auto Importing components
  • 📄 Easy to create files (plop)
  • 📦 Using pnpm package manager
  • 💾 Support Mock server
  • 🌈 Support Git hooks (lint and commit)
  • 💖 Mobile UI Components (Vant4)
  • 🍍 Pinia, Store for Vue

Install and use

  • Get the project code
git clone https://github.com/CharleeWa/vue3-vant-mobile.git
  • Installation dependencies
cd vue3-vant-mobile

# with pnpm
pnpm install
  • run
pnpm dev
  • build
pnpm 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)

 Edge
IE
 Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions

Contributors

LICENSE

MIT

About

🔥🔥🔥 基于Vue3、Vite3、Vant4、Pinia2、Vitest、TypeScript 构建的移动端架子;🚀🚀🚀 集成 Plop 可生成任何类型代码块、集成 Dark Mode (暗黑)配置、集成 Mock 数据、封装基于 TS 的 axios 请求库,以及其它好用的扩展~ 。💖💖💖 简言之,干净简单、好用,可参考,能为你节省一周的开发时间,希望你能喜欢!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 40.6%
  • JavaScript 37.6%
  • Vue 17.9%
  • HTML 1.4%
  • Less 1.0%
  • Handlebars 0.9%
  • Shell 0.6%