element

Introduction

vue-element-admin (opens new window) is a production-ready front-end solution for admin interfaces. It is based on vue (opens new window) and uses the UI Toolkit element-ui (opens new window).

vue-element-admin (opens new window) 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. I believe whatever your needs are, this project will help you.

• Preview (opens new window)

• Documentation (opens new window)

• Gitter (opens new window)

• Donate (opens new window)

• Wiki (opens new window)

• Gitee (opens new window) 国内用户可访问该地址在线预览

• Base template recommends using: vue-admin-template (opens new window)

• Desktop: electron-vue-admin (opens new window)

• Typescript: vue-typescript-admin-template (opens new window) (Credits: @Armour (opens new window))

• awesome-project (opens new window)

After the v4.1.0+ version, the default master branch will not support i18n. Please use i18n Branch (opens new window), it will keep up with the master update

The current version is v4.0+ build on vue-cli. If you find a problem, please put issue (opens new window). If you want to use the old version , you can switch branch to tag/3.11.0 (opens new window), it does not rely on vue-cli

This project does not support low version browsers (e.g. IE). Please add polyfill by yourself.

Preparation

You need to install node (opens new window) and git (opens new window) locally. The project is based on ES2015+ (opens new window), vue (opens new window), vuex (opens new window), vue-router (opens new window), vue-cli (opens new window) , axios (opens new window) and element-ui (opens new window), all request data is simulated using Mock.js (opens new window). Understanding and learning this knowledge in advance will greatly help the use of this project.

(opens new window)

Sponsors

Become a sponsor and get your logo on our README on GitHub with a link to your site. [Become a sponsor] (opens new window)

Akveo

Get Java backend for Vue admin with 20% discount for 39$ use coupon code SWB0RAZPZR1M

Flatlogic

Admin Dashboard Templates made with Vue, React and Angular.

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

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 dev

This will automatically open http://localhost:9527

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Refer to Documentation (opens new window) for more information

Changelog

Detailed changes for each release are documented in the release notes (opens new window).