Vue JavaScript CSS HTML
Clone or download

vue element-ui Build Status license GitHub release

English | 简体中文


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 an admin interfaces integration solution, which is not suitable for secondary development as a base template.

Note: This project uses element-ui@2.3.0+ version, so the minimum compatible vue@2.5.0+


You need to install node and git locally. The project is based on ES2015+vuevuexvue-routerelement-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.


- 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

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9527.


# build for test environment
npm run build:sit

# build for production environment
npm run build:prod


# --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 -- --fix

Refer to Documentation for more information


Detailed changes for each release are documented in the release notes.

Online Demo



If you find this project useful, you can buy author a glass of juice 🍹


Paypal Me

Buy me a coffee



Copyright (c) 2017-present PanJiaChen