A magical vue admin https://panjiachen.github.io/vue-element-admin (Pleroma admin-fe uses this)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
花裤衩 33a93a12b4 feat: add new sponsored 1 month ago
.github update github ISSUE_TEMPLATE 1 year ago
build perf[Chore]: optimization.splitChunks adapt cnpm module name 1 year ago
mock fix some typos 7 months ago
plop-templates fix[plop]: set trim => trim() (#3254) 7 months ago
public perf[Tinymce]: dynamic import tinymce(#2102) 1 year ago
src perf: refine documentation button css 4 months ago
tests/unit fix[utils]: param2Obj bug when url params includes ==(#3100) 7 months ago
.editorconfig docs: change some http links to https 1 year ago
.env.development bump: update to vue-cli@4 (#3028) 7 months ago
.env.production [release] 4.0.0 (#1291) 1 year ago
.env.staging [release] 4.0.0 (#1291) 1 year ago
.eslintignore [release] 4.0.0 (#1291) 1 year ago
.eslintrc.js [release] 4.0.0 (#1291) 1 year ago
.gitignore [release] 4.0.0 (#1291) 1 year ago
.travis.yml chore: set ci node version 1 year ago
LICENSE fixed typo 3 years ago
README.es.md docs: add coupon 4 months ago
README.ja.md docs: add coupon 4 months ago
README.md feat: add new sponsored 1 month ago
README.zh-CN.md feat: add new sponsored 1 month ago
babel.config.js bump: update to vue-cli@4 (#3028) 7 months ago
jest.config.js perf[jest]: clear jest test cache 1 year ago
jsconfig.json perf: VS Code support webpack alias file jump (#2609) 1 year ago
package.json [release] 4.4.0 7 months ago
plopfile.js feat: plop new generate store (#2805) 1 year ago
postcss.config.js refactor[chore]: generate postcss.config.js instead of .postcssrc.js 1 year ago
vue.config.js perf[chore]: remove preserveWhitespace config (#3280) 7 months ago

README.md

vue element-ui Build Status license GitHub release gitter donate

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

SPONSORED BY

活动服务销售平台

客户消息直达工作群

## Introduction [vue-element-admin](https://panjiachen.github.io/vue-element-admin) is a production-ready front-end solution for admin interfaces. It is based on [vue](https://github.com/vuejs/vue) and uses the UI Toolkit [element-ui](https://github.com/ElemeFE/element). [vue-element-admin](https://panjiachen.github.io/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. - [Preview](https://panjiachen.github.io/vue-element-admin) - [Documentation](https://panjiachen.github.io/vue-element-admin-site/) - [Gitter](https://gitter.im/vue-element-admin/discuss) - [Donate](https://panjiachen.github.io/vue-element-admin-site/donate/) - [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki) - [Gitee](https://panjiachen.gitee.io/vue-element-admin/) 国内用户可访问该地址在线预览 - Base template recommends using: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) - Desktop: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) - Typescript: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour)) - [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312) **After the `v4.1.0+` version, the default master branch will not support i18n. Please use [i18n Branch](https://github.com/PanJiaChen/vue-element-admin/tree/i18n), 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](https://github.com/PanJiaChen/vue-element-admin/issues/new). If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-element-admin/tree/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)

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

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 © 2017-present PanJiaChen