• Stars
    star
    82,787
  • Rank 68 (Top 0.01 %)
  • Language Vue
  • License
    MIT License
  • Created about 7 years ago
  • Updated 12 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin

vue element-ui Build Status license GitHub release gitter donate

English | 简体中文 | 日本語 | Spanish

SPONSORED BY

Introduction

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. I believe whatever your needs are, this project will help you.

After the v4.1.0+ version, the default master branch will not support i18n. Please use i18n Branch, 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. If you want to use the old version , you can switch branch to tag/3.11.0, 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 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.

Edit on CodeSandbox

Sponsors

Become a sponsor and get your logo on our README on GitHub with a link to your site. [Become a sponsor]

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

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT

Copyright (c) 2017-present PanJiaChen

More Repositories

1

vue-admin-template

a vue2.0 minimal admin template
JavaScript
18,508
star
2

electron-vue-admin

vue electron admin template web: http://panjiachen.github.io/vue-admin-template
JavaScript
2,998
star
3

awesome-bookmarks

💖 A curated list of awesome things
JavaScript
1,817
star
4

vue-countTo

It's a vue component that will count to a target number at a specified duration https://panjiachen.github.io/countTo/demo/
JavaScript
1,328
star
5

vue-split-pane

Split-Pane component built with vue2.0, can be split vertically or horizontally. http://panjiachen.github.io/split-pane/demo/index.html
JavaScript
513
star
6

vue-element-admin-site

📝 The documentation source of vue-element-admin https://panjiachen.github.io/vue-element-admin-site
Shell
344
star
7

Music-Visualization

音乐可视化
JavaScript
64
star
8

PanJiaChen.github.io

Pjc
CSS
63
star
9

custom-element-theme

custom-element-theme
CSS
59
star
10

tinymce-all-in-one

Build all tinymce plugins into one js
JavaScript
39
star
11

countUp-demo

JavaScript
20
star
12

get-markdown-images

💾 get all images from markdown
JavaScript
12
star
13

demo-playground

😎 A simple development playground with live reload capability
JavaScript
10
star
14

PanJiaChen

8
star
15

vue-tree-table

vue-tree-table
Vue
7
star
16

cos-nodejs

腾讯云 cos nodejs sdk 上传
JavaScript
6
star
17

tree-shaking-test

for tree-shaking test demo
JavaScript
3
star
18

tinymce-lang

support Tinymce's lang cdn
JavaScript
3
star
19

tangram

css3 tangram
HTML
3
star
20

chunk-test

just for test demo
Vue
2
star
21

create-react-bolierplate

create-react-bolierplate quickly start
JavaScript
1
star
22

singalpage

初学前端时候做的一个singalpage
JavaScript
1
star
23

chrome-extenstion-ToDoList

chrome-extenstion-ToDoList
JavaScript
1
star
24

node-react

JavaScript
1
star
25

cssnano-test

just for cssnano issue test
JavaScript
1
star
26

color-2048

color-2048
JavaScript
1
star
27

image-tags

JavaScript
1
star
28

react-chatroom

react-chatroom pc demo:http://rebirth.wallstcn.com/chatroom/51 wap demo http://m.wallstcn.com/chatroom/detail/51
JavaScript
1
star
29

chunksSortMode-test

just for issue test
Vue
1
star