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。

Update log

--- to look the doc

真香定律！带你用vue3+vite2撸后台（系列文章入口）

Documents

真香定律！带你用vue3+vite2撸后台（系列文章入口）

Online experience

github address

Access address

国内体验地址：http://8.135.1.141/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

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

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