Github url

vue-element-admin

by PanJiaChen

PanJiaChen /vue-element-admin

:tada: A magical vue admin https://pa...

56.7K Stars 19.8K Forks Last release: 12 days ago (4.4.0) MIT License 1.0K Commits 49 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

vueelement-uiBuild StatuslicenseGitHub releasegitterdonate

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

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](https://nodejs.org/) and [git](https://git-scm.com/) locally. The project is based on [ES2015+](https://es6.ruanyifeng.com/), [vue](https://cn.vuejs.org/index.html), [vuex](https://vuex.vuejs.org/zh-cn/), [vue-router](https://router.vuejs.org/zh-cn/), [vue-cli](https://github.com/vuejs/vue-cli) , [axios](https://github.com/axios/axios) and [element-ui](https://github.com/ElemeFE/element), all request data is simulated using [Mock.js](https://github.com/nuysoft/Mock). Understanding and learning this knowledge in advance will greatly help the use of this project.

[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/PanJiaChen/vue-element-admin/tree/CodeSandbox)

![](https://wpimg.wallstcn.com/a5894c1b-f6af-456e-82df-1151da0839bf.png)

## Sponsors

Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor]](https://www.patreon.com/panjiachen)

[![](https://wpimg.wallstcn.com/9c0b719b-5551-4c1e-b776-63994632d94a.png)](https://flatlogic.com/admin-dashboards?from=vue-element-admin)

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

donate

Paypal Me

Buy me a coffee

Browsers support

Modern browsers and Internet Explorer 10+.

| IE / EdgeIE / Edge | FirefoxFirefox | ChromeChrome | SafariSafari | | --------- | --------- | --------- | --------- | | IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |

License

MIT

Copyright (c) 2017-present PanJiaChen

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.