Skip to content

jzfai/vue3-mobile-vant

Repository files navigation

vue3-mobile-vant

English | 中文

vue3 mobile vant provides enterprise-level mobile development demo

A new generation mobile construct using vue3(setup-script)+vite2+vant3 ,It's easy and fast!

Use eslint+prettier+gitHooks format and verification code to improve code standardization and development efficiency

the rem flexible, vant ui according to 375, but developing is 750 , detail to look the "postcss.config.js"

Update log

--- to look the doc

Documents

Online experience

github address

Access address

国内体验地址:http://8.135.1.141/vue3-mobile-vant

github 地址: https://github.com/jzfai/vue3-mobile-vant.git

Demo

---- Let's look at the loading speed and the size of the built package first.:

template-speed-analysis

Related items

The framework is available in js, ts versions

development and experience:two words Really fragrant!!!!!

Build Setup

# clone the project
git clone https://github.com/jzfai/vue3-mobile-vant.git

# enter the project directory
cd vue3-mobile-vant

# pnpm address https://pnpm.io/zh/motivation
# install dependency(Recommend use pnpm)
# you can  use "npm -g i pnpm" to install pnpm 
pnpm i

# develop
pnpm run dev

using the browser to open http://localhost:5006

Build

# build for test environment
pnpm run build-test

# build for production environment
pnpm run  build

Others

# preview the release environment effect
pnpm run preview

# code format check
pnpm run lint

Extra

Architecture development is not easy. If you feel good, please give me a start. The architecture is still being improved. Welcome to join me in development and become Contributors together! ! ! !

Browsers support

Note: Vue3 is not supported the Internet Explorer Vant 3/4 support for Chrome >= 51、iOS >= 10.0(与 Vue 3 一致)。

Discussion and Communication

WeChat group

License

MIT license.

Copyright (c) 2021-present kuanghua