- views
- admin
- apiLog 系统日志
- depart 组织架构
- dict 字典管理
- group 角色管理
- menu 系统菜单
- user 用户管理
English | 简体中文
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.
This project is positioned as a background integration solution and is not suitable for secondary development as a basic template.
- Base template recommends using: vue-admin-template
- Desktop: electron-vue-admin
- Typescript: vue-typescript-admin-template (Credits: @Armour)
This project does not support low version browsers (e.g. IE). Please add polyfill yourself if you need them.
Note: This project uses [email protected]+ version, so the minimum compatible [email protected]+
Start using webpack4
from v3.8.0
. If you still want to continue using webpack3
, please use this branch webpack3
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.
- 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
# 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 for test environment
npm run build:sit
# build for production environment
npm run build:prod
# --report to build with bundle size analytics
npm run build:prod --report
# --generate a bundle size analytics. default: bundle-report.html
npm run build:prod --generate_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