vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.
vue-element-admin is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. Whatever your needs are, this project will help you.
Key Features:
- Login / Logout
- Permission Authentication: Page permission, Directive permission, Permission configuration page, Two-step login
- Multi-environment build: Develop (dev), sit, Stage Test (stage), Production (prod)
- Global Features: I18n, Multiple dynamic themes, Dynamic sidebar (supports multi-level routing), Dynamic breadcrumb, Tags-view (Tab page Support right-click operation), Svg Sprite, Mock data, Screenfull, Responsive Sidebar
- Editor: Rich Text Editor, Markdown Editor, JSON Editor
- Excel: Export Excel, Upload Excel, Visualization Excel, Export zip
- Table: Dynamic Table, Drag And Drop Table, Inline Edit Table
- Error Page: 401, 404
- Components: Avatar Upload, Back To Top, Drag Dialog, Drag Select, Drag Kanban, Drag List, SplitPane, Dropzone, Sticky, CountTo
- Advanced Example, Error Log, Dashboard, Guide Page, ECharts, Clipboard, Markdown to html
Preparation: You need to install node and git locally. The project is based on ES2015+, vue, vuex, vue-router, vue-cli, axios and element-ui. All request data is simulated using Mock.js. Understanding and learning this knowledge in advance will greatly help the use of this project.
Getting started:
# clone the project
git clone https://github.com/PanJiaChen/vue-element-admin.git
# enter the project directory
cd vue-element-admin
# install dependency
npm install
# develop
npm run devThis will automatically open http://localhost:9527.
