vuecli-muse-admin-template

Introduction

vuecli-muse-admin-template is a background integration solution. It is created by vue-cli 3, uses the UI toolkit Muse-UI, and aimed at helping to build a complex Single-Page Application.

See Features to get more.

Improving it... :D

Preparation

Install Node.js and git locally.
This project is based on ES2015+, Vue, Vuex, VueRouter, Axios and Muse-UI.
All request data is simulated using vuecli-muse-admin-template-server.
Understanding what listed above in advance will greatly help use this template.

Getting Started

git clone https://github.com/ModyQyW/vuecli-muse-admin-template.git
cd vuecli-muse-admin-template

# install
# npm i
yarn

# compiles and hot-reloads for development
# npm run serve
yarn serve

# run tests
# npm run test
yarn test

# Compiles and minifies for production
# npm run build
yarn build

# Lints and fixes files
# npm run lint
yarn lint

Attention: I import local material-design-icons related files in @/plugins/muse/index.js for now cause using npm or yarn to install always leads to a error in China.

if you want to use npm or yarn to install material-design-icons, follow the steps below.

comment Line 63 in @/plugins/muse/index.js
run npm i --save material-design-icons or yarn add material-design-icons in shell
uncomment Line 64 in @/plugins/muse/index.js

Do not use unpkg's and bootcss's css of material icons. They will lead to lack of some icons.

Features

Customize Configuration CLI
Access Control

Level	Role
0	super admin
1	admin
2	manager
3	developer
4	client
5	user

global
- Two environments for building: dev & prod
- Two languages: English and Chinese
- Dynamic sidebar
- Dynamic breadcrumb
Clip to copy
Counter
Zip export
Draggable
Icons
Editor
- Rich text editor
- Markdown editor
- JSON editor
Simple table
Error pages: 401, 403, 404, 500
Charts: vue-echarts

Code Style

Please follow Vue.js Style Guide.

Usage

See usage.md.

Changelog

See changelog.md.

Online Demo

demo

Donate

I am still working on it to imporve - not only add new function but also complete codes and documents.

If you think this is helpful, you can buy me a coffee :D

WeChat	Alipay

Browsers Support

Expect to run in latest Chrome and lastest Firefox.

Good luck to IE, Edge and Safari.

Testing...

License

MIT

modyqyw / vuecli-muse-admin-template Goto Github PK