English | 简体中文
Introduction
vue-element-admin is a production-ready solution for admin interfaces. Based on Vue.js and use the UI Toolkit -- element. vue-element-admin is a magical vue admin, it based on the newest development stack of vue, built-in i18n solution, typical templates for enterprise applications, lots of awesome features. It helps you build a large complex Single-Page Applications. I believe whatever your needs are, this project will help you.
vue-element-admin is a admin interfaces integration solution, which is not suitable for secondary development as a base template.
- Base template recommends using: vueAdmin-template
- Desktop: electron-vue-admin
Note: This project uses element-ui@2.3.0+ version, so the minimum compatible vue@2.5.0+
Preparation
You need to install node and git locally. The project is based on ES2015+、vue、vuex、vue-router 和 element-ui. All data requests for this project are simulated using Mock.js. It would be helpful if you have pre-existing knowledge on those.
This project is not a scaffolding and is more of an integrated solution.
This project does not support low version browsers (e.g. IE). Please add polyfill yourself if you need them.
Features
- Login / Logout
- Permission authentication
- Multi-environment build
- Dynamic sidebar (supports multi-level routing)
- Dynamic breadcrumb
- I18n
- Customizable theme
- Tags-view(Tab page Support right-click operation)
- Rich text editor
- Markdown editor
- JSON editor
- Screenfull
- Drag and drop list
- Svg Sprite
- Dashboard
- Guide Page
- Mock data
- Echarts
- Clipboard
- 401/404 error page
- Error log
- Export excel
- Export zip
- Front-end visualization excel
- Tree Table
- Table example
- Dynamictable example
- Drag and drop table example
- Inline edit table example
- Form example
- Two-step login
- SplitPane
- Drag Dialog
- Dropzone
- Sticky
- CountTo
- Markdown to html
Getting started
# clone the project git clone https://github.com/PanJiaChen/vue-element-admin.git # install dependency npm install # develop npm run devThis will automatically open http://localhost:9527.
Build
# build for test environment npm run build:sit # build for production environment npm run build:prodAdvanced
# --report to build with bundle size analytics npm run build:prod --report # --preview to start a server in local to preview npm run build:prod --preview # lint code npm run lint # auto fix npm run lint -- --fixRefer to Documentation for more information
Changelog
Detailed changes for each release are documented in the release notes.
Online Demo
Donate
If you find this project useful, you can buy author a glass of juice 🍹
License
Copyright (c) 2017-present PanJiaChen