vue-cms-admin

Naked CMS

Usage no npm install needed!

<script type="module">
  import vueCmsAdmin from 'https://cdn.skypack.dev/vue-cms-admin';
</script>

README

Introduction

vue-admin is a headless CMS that uses a declarative JSON model to describe the structure and configure the functionality.

Features

- Keycloak Integration

- Role-based Authorisation
  - Route features
  - Directive features

- Feature Toggles
  - Page/route features

- 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
  - Full screen
  - Responsive Sidebar

- Editor
  - Rich Text Editor
  - Markdown Editor
  - JSON Editor
  - Code Editor

- Excel
  - Export Excel
  - Upload Excel
  - Visualization Excel
  - Export zip

- Table
  - Dynamic Table
  - Drag And Drop Table
  - Inline Edit Table

- Error Page
  - 401
  - 404

- Components
  - Avatar Upload
  - Back To Top

- Examples
  - Drag Dialog
  - Drag Select
  - Drag Kanban
  - Drag List
  - SplitPane
  - Dropzone
  - Sticky
  - CountTo
  - Error Log
  - Home
  - Guide Page
  - ECharts
  - Clipboard
  - Markdown to html

Getting started

# clone the project
git clone https://github.com/troven/vue-admin.git

# enter the project directory
cd vue-admin

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9527

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Browsers support

Modern browsers and Internet Explorer 10+.

License

MIT

Copyright (c) 2020-present Troven