Skip to content

👏A magical vue3 mobile using vue3(script-setup) + vite2 + vant3

License

Notifications You must be signed in to change notification settings

jzfai/vue3-mobile-vant

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0f85ce2 · Apr 4, 2022

History

15 Commits
Apr 4, 2022
Dec 29, 2021
Apr 4, 2022
Dec 29, 2021
Apr 4, 2022
Apr 4, 2022
Dec 29, 2021
Dec 29, 2021
Dec 29, 2021
Dec 29, 2021
Dec 29, 2021
Dec 29, 2021
Apr 4, 2022
Apr 4, 2022
Apr 4, 2022
Dec 29, 2021
Dec 29, 2021
Apr 4, 2022
Apr 4, 2022
Apr 4, 2022
Apr 4, 2022
Apr 4, 2022
Apr 4, 2022
Apr 4, 2022
Apr 4, 2022

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