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 a admin interfaces integration solution, which is not suitable for secondary development as a base template.
Note: This project uses email@example.com+ version, so the minimum compatible firstname.lastname@example.org+
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.
- 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 - 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
# clone the project git clone https://github.com/PanJiaChen/vue-element-admin.git # 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.
If you find this project useful, you can buy author a glass of juice
Copyright (c) 2017-present PanJiaChen