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。

--- to look the doc

• 真香定律!带你用vue3+vite2撸后台(系列文章入口)

• 真香定律!带你用vue3+vite2撸后台(系列文章入口)

github address

Access address

国内体验地址:http://8.135.1.141/vue3-admin-plus

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

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

template-speed-analysis

template-demo

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

• js version:vue3-element-admin
• ts version:vue3-element-ts
• js version for plus:vue3-element-plus
• js version for electron:vue3-element-electron
• react version: react-admin-template
• java Micro-service background data:micro-service-plus

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

• 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

# 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" to install pnpm 
pnpm i
# develop
pnpm run dev

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

# build for test environment
pnpm run build-test
# build for production environment
pnpm run build

# preview the release environment effect
pnpm run preview
# code format check
pnpm run lint

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! ! ! !

Note: Vue3 is not supported the Internet Explorer

Modern browsers and Internet Explorer 11+.

WeChat group

如果可以请我喝杯下午茶(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

MIT license.

Copyright (c) 2022-present kuanghua