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.

• Preview

• Documentation

• wiki

• donate

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.0.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 are simulated with 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

Feature

- 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
- Table example
- Dynamictable example
- Drag and drop table example
- Inline edit table example
- Form example
- Two-step login
- SplitPane
- Dropzone
- Sticky
- CountTo
- Markdown to html

Quickstart

# clone the projice
git clone https://github.com/PanJiaChen/vue-element-admin.git

# install dependency
npm install

# developmen
npm run dev

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

Build

# build for test environment
npm run build:sit

# build for production environment
npm run build:prod

Advanced

# --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 https://panjiachen.github.io/vue-element-admin-site/#/deploy for more information

Changelog

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

Online Demo

Preview

Donate

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

Paypal Me

License

MIT

Copyright (c) 2017-presen PanJiaChen