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.
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.
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.
# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build
For detailed explanation on how things work, consult the docs for vue-loader.
# run storybook npm run storybook http://localhost:9001/
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