https://github.com/aircity/vue-story
Seperate UI Environment for Vue. Inspired by react storybook
https://github.com/aircity/vue-story
Last synced: 9 months ago
JSON representation
Seperate UI Environment for Vue. Inspired by react storybook
- Host: GitHub
- URL: https://github.com/aircity/vue-story
- Owner: Aircity
- Created: 2016-12-24T16:14:26.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-09-15T13:23:50.000Z (over 7 years ago)
- Last Synced: 2024-05-27T21:38:45.337Z (about 2 years ago)
- Language: JavaScript
- Homepage:
- Size: 43 KB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Finally - official Storybook for Vue implementation! - check [storybooks/storybook](https://github.com/storybooks/storybook/tree/master/app/vue)
:warning: This project is no longer being maintained
## Getting Started
```js
npm install get-vue-story -g
```
```js
cd ./story [your workspace]
npm init & npm install vue-story
vstory start
```
## Story.js
```js
import Story from "../vue-story"
Story("Vue")
.add({
name: "Web",
link: "web.vue",
})
.add({
name: "Story",
link: "story.vue",
})
Story("Story")
.add({
name: "Wont",
link: "nope.vue",
})
.add({
name: "Die",
link: "die.vue",
})
```
## Options
1. startup
```bash
vstory run [filename]
```
2. equal to 'vstory run story.js'
```bash
vstory start
```
3. port
```bash
vstory start -p 9000
```
4. lib -- at global imports
```bash
vstory start -l [filename]
```
-- lib.js
```js
import "jquery"
import "bootstrap"
```
```bash
vstory start -l lib.js
```