vue-vuetify-admin
Introduction
vue-vuetify-admin is a production-ready front-end solution for admin interfaces. It based on vue and use the material design component framework vuetify.
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.
The current version is v0.0.3-alpha
build on vue-cli
. If you find a problem, please put
issue.
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 vuetify, all request data is simulated using Mock.js. Understanding and learning this knowledge in advance will greatly help the use of this project.
Features
- Login / Logout
- Permission Authentication
- Page permission [expected]
- Directive permission [expected]
- Permission configuration page [expected]
- Two-step login [expected]
- Multi-environment build
- dev sit stage prod [expected]
- Global Features
- I18n (supports en_US | zh_CN | ru_RU)
- Multiple dynamic themes
- Dynamic sidebar (supports multi-level routing)
- Dynamic breadcrumb
- Tags-view (Tab page Support right-click operation) [expected]
- Svg Sprite [expected]
- Mock data
- Screenfull
- Responsive Sidebar
- Editor
- Rich Text Editor
- Markdown Editor
- JSON Editor
- Excel
- Export Excel [expected]
- Upload Excel [expected]
- Visualization Excel [expected]
- Export zip [expected]
- Table
- Dynamic Table [expected]
- Drag And Drop Table [expected]
- Inline Edit Table [expected]
- Error Page
- 301
- 401
- 403
- 404
- 500
- Components
- Avatar Upload
- Back To Top
- Drag Dialog [expected]
- Drag Select [expected]
- Drag Kanban
- Drag List [expected]
- SplitPane
- Dropzone
- Sticky
- CountTo
- Advanced Example [expected]
- Error Log [expected]
- Dashboard
- Guide Page
- ECharts
- Clipboard [expected]
- Markdown to html
Getting started
# clone the project
git clone https://github.com/NelsonEAX/vue-vuetify-admin.git
# enter the project directory
cd vue-vuetify-admin
# install dependency
npm install
# develop
npm run serve
This will automatically open http://localhost:8080
Build and Test
# build
npm run build
# run e2e test
npm run test:e2e
# run unit test
npm run test:unit
Refer to Documentation for more information
Changelog
Detailed changes for each release are documented in the release notes.
Online Demo
Browsers support
Modern browsers and Internet Explorer 10+.
IE / Edge |
Firefox |
Chrome |
Safari |
---|---|---|---|
IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
License
Copyright (c) 2019-present NelsonEAX