[Admin LTE] (https://almsaeedstudio.com/preview) Starter for [Vue JS] (http://vuejs.org/)
# install npm
npm install
# run
npm run dev
-
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 } });
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
}
You can host this on gh-pages, it's not perfect as you'll notice, the routing wants to believe it's at the username.github.io
root. That being said, it's still worth deploying to give others an idea of how the project works.
I've included a helper script to deploy from the dist
folder by creating a temporary git branch based on the dist subtree.
./bin/deploy.sh
MIT License, enjoy!
Based on the work of @rorikurniadi, updated to use webpack instead of browserify.