Vuetify-Storybook-boilerplate
DEMO https://white-rabbit-japan.github.io/vuetify-storyboard-boilerplate/
About Storybook
Storybook for Vue is a UI development environment for UI components. It allows interactive development, testing and sharing of UI components in various property states.
Storybook runs outside of your app. So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
About Vuetify
Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze.
Vuetify combines the power of Vue and Material Design to provide a beautifully crafted library of components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.
Getting Started
Clone this repo to explore how it's put together. Use it as a boilerplate for creating and testing your own Material Design layouts and components with Vuetify.
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run buildFor detailed explanation on how things work, consult the docs for vue-loader.
Storybook
# run storybook
npm run storybook
http://localhost:9001/Resources
Storybook Resources
Storybook for Vue https://storybook.js.org/basics/guide-vue/
VueNYC - A Short Synopsis of Vue Storybook - Erin Depew https://www.youtube.com/watch?v=qcSEIH5iexc