Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-02-07 09:22:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated readme on running storybook with nuxt

Browse Source 
detailed description on running storybook with vue
This commit is contained in:
HG 2018-02-06 12:14:28 +00:00 committed by GitHub
parent 3806160796
commit bc4140a46e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
examples/storybook/README.md
View File

@ -1,24 +1,41 @@
## Storybook demo for Nuxt # Storybook demo for Nuxt
Deo showcasing [Storybook](https://storybook.js.org/) usage with Nuxt.js, [Vuetify](https://vuetifyjs.com) and [Vue-Charts](http://vue-chartjs.org/) Demo showcasing [Storybook](https://storybook.js.org/) usage with Nuxt.js, [Vuetify](https://vuetifyjs.com) and [Vue-Charts](http://vue-chartjs.org/)
### Features ## Features
* supports '~' and '~~' Nuxt.js aliases * supports '~' and '~~' Nuxt.js aliases
* contains storybase.js with helper classes * contains storybase.js with helper classes
* integrates most of addons * integrates most of addons
* real life examples with Vuetify and Vue-Charts * real life examples with Vuetify and Vue-Charts
### Usage ## Description
Start the example o [http://localhost:3000](http://localhost:3000): This demo aims to integrate all the above mentioned technologies with best practices in mind.
```bash Points of interest
npm run dev * `.storybook` folder contains storybook configuration
* `stories` folder has number of stories corresponding to `components`
* Note, Storybook is configured to understand Nuxt aliases `~` and `~~`
* number of helpers in storybase.js to simplify storybook usahe
## Usage
To run locally in dev mode
``` ```
Run Storybook:
```bash
npm run storybook npm run storybook
``` ```
and then access the storybook from [localhost:9001](http://localhost:9001)
To build static storybook to `.out` folder
```
npm run storybookoutput
```
## More reading
* [Using Storybook with Nuxt](https://davidwalsh.name/storybook-nuxt) by David Walsh
* [StoryBook for Vue](https://github.com/storybooks/storybook/tree/master/app/vue)
* [Vue Kitchen sink Storybook demo](https://github.com/storybooks/storybook/tree/master/examples/vue-kitchen-sink)
* [Vuetify Storybook boilerplate](https://github.com/white-rabbit-japan/vuetify-storyboard-boilerplate)