https://github.com/r0r1/vuejs-AdminLTE

Admin LTE Starter for Vue JS
https://github.com/r0r1/vuejs-AdminLTE

admin-dashboard admin-template adminlte vuejs vuejs-adminlte

Last synced: 2 months ago
JSON representation

Admin LTE Starter for Vue JS

• Host: GitHub
• URL: https://github.com/r0r1/vuejs-AdminLTE
• Owner: r0r1
• Created: 2015-11-10T03:52:52.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2020-10-23T09:48:42.000Z (over 4 years ago)
• Last Synced: 2024-11-13T07:36:02.345Z (8 months ago)
• Topics: admin-dashboard, admin-template, adminlte, vuejs, vuejs-adminlte
• Language: JavaScript
• Size: 15.7 MB
• Stars: 308
• Watchers: 22
• Forks: 87
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vuejs-AdminLTE

[Admin LTE] (https://almsaeedstudio.com/preview) Starter for [Vue JS] (http://vuejs.org/)

## Installation

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# run unit tests

npm run unit

# run e2e tests

npm run e2e

# run all tests

npm test

```

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

## Usage

### Create Page

- Create file in components folder

  ``` html

  # user.vue

  

    
User Lists

  


  

    // style here

  

  

    // script here

  

  ```

- Register route component in **src/app.js**

  ``` html

  router.map({

    '/user': {

      component: require('./components/user.vue')

    }

  });

  ```

### Add Menu

Open config/menus.js, and modify json data.

``` html

{

  name: 'Dashboard',

  link: '/',

  icon: 'fa-home',

  child: [{

    name: 'Child Dashboard',

    link: '/child',

    icon: 'fa-circle-o',

    }

  ] 

  // child is optional

}

```