vue-adminlte is administration panel based on Vue.js, AdminLTE bootstrap template, and Element-UI, UI Toolkit.
Many Javascript code is base on vue-element-admin. The current version is v1.0.0
build on webpack 3+
.
This version not support Vue I18n internationalization plugin for Vue.js.
If you need it, please use lang Branch.
You need to install node locally.
Integral parts of this project:
-
Element-UI - components
-
Miragejs.com - fake Backend (login & register users)
-
Faker.js - simulated data
-
Vue I18n - internationalization plugin for Vue.js
Understanding and learning these knowledge in advance will greatly help you on using this project.
# install dependencies
npm install
# serve with hot reload for development (developer mode, autocompile with browsersync support for live demo)
npm run start
This will automatically open http://localhost:8080
# build for production with minification (compile css/js files)
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run faker server
npm run server
# run dev server and faker server
npm run start-both
# generate faker products, people, users
npm run json-products
npm run json-people
npm run json-users
# Generate all svg components
npm run svgo
# run e2e tests
npm run e2e
# run all tests
npm test
- Autentication
- Register / Login / Logout
- Validation data for login & register
- User Registration & Login system in Miragejs (simulated Backend)
- Permission Authentication
- Page permission
- Directive permission
- Permission configuration page
- Multi-environment build
- Dev / Prod
- Global Features
- Control sidebar for admiLte settings
- Full customized AdminLTE sidebar
- Customized Admilte colors, text
- Customized control sidebar
- Dark and light styles custom themes
- Customized navbar components
- Right panel for menage users accounts
- Customized settings for groups of routes (makeCollections)
- Layout options (AdmiLte layouts & vue-body-class)
- Dynamic sidebar (supports multi-level routing)
- Menu base on ElementUi menu components
- Vue UI components base on AdminLte code (in build)
- Settings - settings.js / local storage / cookie
- Faker data / Faker server
- Miragejs data / fake Backend
- Api services / axios & fetch
- Api proxy json-server
- Other components
- Back To Top
- Breadcrump
- Dynamic Breadcrumb
- Sticky
- Svg icons
- Search
- Clipboard
- Screenfull
- JSON Editor
- Error Logs
- Error Pages
- 401
- 404
Modern browsers and Internet Explorer 10+.
Contribution are always welcome and recommended.
- Fork the repository (here is the guide).
MIT.
Copyright (c) 2019-present Krzysztof Owczarek