Skip to content

jzfai/vue3-admin-plus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e1aaf40 · Feb 7, 2022

History

99 Commits
Dec 13, 2021
Dec 13, 2021
Dec 13, 2021
Dec 13, 2021
Feb 7, 2022
Feb 7, 2022
Oct 11, 2021
Dec 15, 2021
Dec 15, 2021
Dec 15, 2021
Jan 11, 2022
Dec 13, 2021
Feb 7, 2022
Feb 7, 2022
Dec 24, 2021
Dec 20, 2021
Dec 24, 2021
Dec 13, 2021
Oct 19, 2021
Dec 24, 2021
Feb 7, 2022
Feb 7, 2022
Dec 17, 2021
Feb 7, 2022
Feb 7, 2022
Feb 7, 2022
Feb 7, 2022
Feb 7, 2022

Repository files navigation

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

Documents

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

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

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

License

MIT license.

Copyright (c) 2021-present kuanghua