/vue-adminlte

AdminLTE vue starter project

Primary LanguageJavaScriptMIT LicenseMIT

vue-adminlte

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

Installation

# install npm
npm 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>

  • Import and register route component in main.js

    import Users from './components/Users.vue'

router.map({
  '/user': {
    component: Users
  }
});

Add Menu

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

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

Based on the work of @rorikurniadi, updated to use webpack instead of browserify.