Making admin-FE an actual admin interface!
Find a file
2018-06-25 14:54:02 +08:00
build chore: use Runtime-only (#799) 2018-06-25 11:17:47 +08:00
config chore: assetsPublicPath 2018-06-04 13:07:53 +08:00
src update doc 2018-06-25 14:54:02 +08:00
static/tinymce4.7.5 perf[tinymce]: perf tinymce demo 2018-02-01 11:07:07 +08:00
.babelrc chore: use babel-plugin-dynamic-import-node to lazy-loading (#727) 2018-05-31 16:53:08 +08:00
.editorconfig add editorconfig 2017-07-24 17:58:46 +08:00
.eslintignore init 2017-04-18 15:09:13 +08:00
.eslintrc.js refactor[core]: use webpack-dev-server now (#355) 2017-12-15 14:07:55 +08:00
.gitignore perf[.gitignore]: rm gifs 2018-01-26 14:36:10 +08:00
.postcssrc.js perf[core]: add postcss-url 2018-01-02 10:44:35 +08:00
.travis.yml perf[chore]:set travis notifications:false 2017-12-11 14:20:23 +08:00
favicon.ico perf:change favicon 2017-11-23 10:35:54 +08:00
index.html fix: change tab char to 2 spaces (#522) 2018-03-20 17:21:39 +08:00
LICENSE fixed typo 2017-12-29 16:11:20 +08:00
package.json [release] 3.7.0 2018-06-01 14:11:02 +08:00
README.md update doc 2018-06-25 14:54:02 +08:00
README.zh-CN.md update doc 2018-06-25 14:54:02 +08:00

vue element-ui Build Status license GitHub release

English | 简体中文

Introduction

vue-element-admin is a front-end management background integration solution based on vue and use the UI Toolkit -- element.

It 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.

This project is positioned as a background integration solution and is not suitable for secondary development as a basic template.

Preparation

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

This project does not support low version browsers (e.g. IE). Please add polyfill yourself if you need them.

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

Features

- Login / Logout

- Permission Authentication
  - Page permission
  - Directive permission
  - Two-step login

- Multi-environment build
  - dev sit stage 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
  - Export zip
  - Upload Excel
  - Visualization Excel

- Table
  - Dynamic Table
  - Drag And Drop Table
  - Tree Table
  - Inline Edit Table

- Error Page
  - 401
  - 404

- Components
  - Avatar Upload
  - Back To Top
  - Drag Dialog
  - Drag Kanban
  - Drag List
  - SplitPane
  - Dropzone
  - Sticky
  - CountTo

- Advanced Example
- Error Log
- Dashboard
- Guide Page
- Echarts
- Clipboard
- 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 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 Documentation 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 🍹

donate

Paypal Me

Buy me a coffee

License

MIT

Copyright (c) 2017-present PanJiaChen