r0r1 / 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 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 and docs for vue-loader.

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
}
Buy Me A Coffee

About

Admin LTE Starter for Vue JS


Languages

Language:JavaScript 49.5%Language:HTML 38.9%Language:CSS 11.0%Language:Vue 0.5%Language:SCSS 0.1%Language:PHP 0.0%