zhuliang/vue-element-admin

一个基于Vue.js和element后台集成解决方案，集成权限验证、标签导航、富文本编辑器、列表拖拽、Echarts图表、导出excel等多种常用后台功能

Andrey Dos 1df59cc4b6 fix typo(#965)		6 gadi atpakaļ
build	e4481a9d34 fix[build.js]: fixed build bug in preview mode #819	6 gadi atpakaļ
config	5070e20dea update docs	6 gadi atpakaļ
src	1df59cc4b6 fix typo(#965)	6 gadi atpakaļ
static	305d659431 perf[tinymce]: perf tinymce demo	6 gadi atpakaļ
.babelrc	d0f6d3f1f6 chore: use babel-plugin-dynamic-import-node to lazy-loading (#727)	6 gadi atpakaļ
.editorconfig	96b100d33c add editorconfig	7 gadi atpakaļ
.eslintignore	d10370086e init	7 gadi atpakaļ
.eslintrc.js	dc162093cc refactor[core]: use webpack-dev-server now (#355)	6 gadi atpakaļ
.gitignore	aa7eab58f9 refactor(SidebarItem): optimizate SidebarItem (#845)	6 gadi atpakaļ
.postcssrc.js	ea7e139696 perf[core]: add postcss-url	6 gadi atpakaļ
.travis.yml	b7ca786751 perf[chore]:set travis notifications:false	6 gadi atpakaļ
LICENSE	2b51b987be fixed typo	6 gadi atpakaļ
README.md	48a966fe1c docs: add gitee	6 gadi atpakaļ
README.zh-CN.md	c57c6045c9 docs: tweak	6 gadi atpakaļ
favicon.ico	1c4c3380e6 perf:change favicon	7 gadi atpakaļ
index.html	26b84847dd fix: change tab char to 2 spaces (#522)	6 gadi atpakaļ
package.json	63d39727ac [release] 3.7.3	6 gadi atpakaļ

English | 简体中文

Introduction

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

It is a magical vue admin 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.

Preview
Documentation
Gitter
Wiki
Donate
Gitee 国内用户可访问该地址在线预览

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

Base template recommends using: vueAdmin-template
Desktop: electron-vue-admin

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