Vue3 Mobile Vant provides enterprise-level mobile terminal development architecture

The technology used in this architecture is vue3(Setup-script)+ Vite2 + VANT3, a new generation of front-end framework, It’s Fast!

Use ESLint + Prettier +gitHooks and verify code to improve code standardization and development efficiency

Rem adaptation rules, vant based on 375, and development using 750, see the “postcss.config.js” configuration file for details

Update log

— Please check the architecture documentation

  • True fragrance law! Take you to use vuE3 + VITE2 masturbation backstage (series article entry)

The document

  • True fragrance law! Take you to use vuE3 + VITE2 masturbation backstage (series article entry)

The online experience

github address

Access address

Github address: github.com/jzfai/vue3-…

Domestic experience address: http://8.135.1.141/vue3-mobile-vant

example

—- Let’s take a look at the loading speed and the package size after the build:

Related projects

The framework has JS, TS versions

  • Js version: vue3 – mobile – vant
  • Ts version: vue3 – mobile – vant – ts
  • Js version for PC admin: vue3-element-plus
  • Java microservice background data: micro-service-Plus

Development and use experience: two words really sweet ！！！！！

Build steps

# Clone 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 dependencies (PNPM recommended)
You can use "NPM -g I PNPM" to install PNPM
pnpm i

# start service
pnpm run dev
Copy the code

Browser visit http://localhost:5006

release

Build the test environment
pnpm run build-serve

# Build the production environment
pnpm run build
Copy the code

other

Preview the release environment
pnpm run preview:build-serve

Preview the production environment
pnpm run preview

# Code format check and automatic repair
pnpm run lint
Copy the code

additional

The architecture is not easy to develop. If it feels good, please give me a start. The architecture is still improving

Browser support

Note: Vue3 does not support Internet Explorer. Modern Browsers and Internet Explorer 11+ are browsers.



IE / Edge

Firefox

Chrome

Safari
Edge last 2 versions last 2 versions last 2 versions

Discussion and communication (including vuE3 + TS video tutorials)

WeChat group

version

MIT license.

Copyright (c) 2021-present kuanghua

Related projects

The framework has JS, TS versions

  • Js version: vue3 – mobile – vant
  • Ts version: vue3 – mobile – vant – ts
  • Js version for PC admin: vue3-element-plus
  • Java microservice background data: micro-service-Plus

Development and use experience: two words really sweet ！！！！！

Build steps

# Clone 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 dependencies (PNPM recommended)
You can use "NPM -g I PNPM" to install PNPM
pnpm i

# start service
pnpm run dev
Copy the code

Browser visit http://localhost:5006

release

Build the test environment
pnpm run build-serve

# Build the production environment
pnpm run build
Copy the code

other

Preview the release environment
pnpm run preview:build-serve

Preview the production environment
pnpm run preview

# Code format check and automatic repair
pnpm run lint
Copy the code

additional

The architecture is not easy to develop. If it feels good, please give me a start. The architecture is still improving

Browser support

Note: Vue3 does not support Internet Explorer. Modern Browsers and Internet Explorer 11+ are browsers.



IE / Edge

Firefox

Chrome

Safari
Edge last 2 versions last 2 versions last 2 versions

Discussion and communication (including vuE3 + TS video tutorials)

WeChat group

version

MIT license.

Copyright (c) 2021-present kuanghua