vue3-admin-plus

Vue3 – Admin-Plus provides enterprise development demo

The technology used in this architecture is vue3(Setup-Script)+ Vite2 + Element-Plus’s new generation of front-end framework, which is similar to vue-admin-admin

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

Access address

Home visit

Update log

/ / 10-08
add error log collection func
Copy the code

example

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

Related projects

  • Js version: vue3-element-admin
  • Ts version: vuE3-element-TS
  • Js example version: vue3-element-plus
  • React version: react-admin-template
  • Micro-service background data: Micro-service-plus

The document

Documentation efforts under development… Vue-admin-template can be used as a reference (similar to vue-admin-template) : Vue-admin-template uses documentation

Build steps

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

Enter the project directory
cd  vue3-admin-plus

Install dependencies (yarn is recommended)
yarn

# start service
yarn run dev
Copy the code

Browser visit http://localhost:5002

release

Build the test environment
yarn run build

# Build the production environment
yarn run build-serve
Copy the code

other

Preview the release environment
yarn run preview:build-serve

Preview the production environment
yarn run preview

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

function

- Login/Logout - Permissions Verification - Page Permissions - Directive permissions - Permissions Configuration - Two-step Login - Multi-environment publishing - serve-Build - Priview - Lint - Global features #- Internationalization of multiple languages #- Multiple dynamic peels - Dynamic sidebar (supports multi-level routing nested) - Dynamic Breadbreading - Quick navigation (tabs) - Svg Sprite icon - Local/back-end Mock data #- Screenfull - Adaptive Shrink sidebar - Editor - Rich text - Markdown #- JSON etc multi-format #- Excel #- Export Excel #- Import Excel #- Front-end Visualization Excel #- Export ZIP - Table - Dynamic table #- Drag and drop table #- Inline edit - Error page - 401-404 - Component - Avatar upload - Return to top #- Drag Dialog #- drag Select #- drag Kanban #- List drag #- SplitPane #- Dropzone #- Sticky #- CountTo - Composite instance - Error log - Dashboard #- Boot page - ECharts Chart #- Clipboard #- Markdown2htmlCopy the code

Note: #– not implemented yet (hope we can develop together)

additional

This architecture is still being improved…..

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 (vuE3 + TS and REact17 video tutorials in the group)

WeChat group

version

MIT license.

Copyright (c) 2021-present kuanghua