/vue3-admin-plus

👏A magical vue3 admin using vue3(script-setup) + vite2 + element-plus

Primary LanguageVueMIT LicenseMIT

vue3-admin-plus

English | 中文

vue3 admin plus provides enterprise-level development demo

A new generation admin construct using vue3(setup-script)+vite2+element-plus ,It's fast!

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

Vite need Node.js >= 12.0.0。

Documents

Online experience

github address

Access address

国内体验地址:https://github.jzfai.top/vue3-admin-plus

github 地址: https://github.com/jzfai/vue3-admin-plus.git

Demo

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

template-speed-analysis

template-demo

Related items

The framework is available in js, ts , plus and electron versions

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

Comparison of performance between vue3 and vue2

  • 41% reduction in package size

  • The initial rendering is 55% faster, the update rendering is 133% faster

  • Memory reduction 54%

  • Use Proxy instead of defineProperty to implement data responsiveness

  • Rewrite the implementation of virtual DOM and Tree-Shaking

Comparison of packaging speed between vite2 and webpack

Build Setup

# clone the project
git clone https://github.com/jzfai/vue3-admin-plus.git

# enter the project directory
cd vue3-admin-plus

# pnpm address https://pnpm.io/zh/motivation
# install dependency(Recommend use pnpm)
# you can  use "npm -g i pnpm@6.32.3" 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

Modern browsers and Internet Explorer 11+.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Edge last 2 versions last 2 versions last 2 versions

Discussion and Communication

WeChat group

赞赏(appreciate)

如果可以请我喝杯下午茶(Treat me to afternoon tea if you can)

微信 支付宝

如果属于特别赞助,需注明信息,必要时可以提供特别帮助

如果公司需要技术合作,可以单独联系(进群找群主)

If it is a special sponsorship, the information must be indicated, and special assistance can be provided if necessary

License

MIT license.

Copyright (c) 2022-present kuanghua