oxbambooxo / vuejs-AdminLTE

Admin LTE Starter for Vue JS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vuejs-AdminLTE

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

Installation

# install npm
npm install

# install bower
bower install

# run
npm run dev

Usage

Create Page

  • Create file in components folder

    # user.vue
    <template>
      <h3>User Lists</h3>
    </template>
    
    <style>
      // style here
    </style>
    
    <script>
      // script here
    </script>
  • Register route component in src/app.js

    router.map({
      '/user': {
        component: require('./components/user.vue')
      }
    });

Add Menu

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

{
  name: 'Dashboard',
  link: '/',
  icon: 'fa-home',
  child: [{
    name: 'Child Dashboard',
    link: '/child',
    icon: 'fa-circle-o',
    }
  ] 
  // child is optional
}

About

Admin LTE Starter for Vue JS

License:MIT License


Languages

Language:Vue 82.6%Language:JavaScript 15.4%Language:HTML 2.0%