stroybook vue 설치

vue create your-app

vue 3버전 설치

=======================

npm add --dev @storybook/vue

========================

package.json

"storybook": "start-storybook -p 6006",
"storybook:build": "build-storybook -c .storybook -o .out -s public",
 "build-storybook": "build-storybook"

=========================

5, .storybook구성 디렉터리로 디렉터리 만들기

6, .storybook/config.js구성 파일로 생성

import { configure } from '@storybook/vue'
import Vue from 'vue'

// import your vue plugins
import Vuex from 'vuex'

// import your custom components
import Button from '../src/stories/Button.vue'

// install your vue plugins
Vue.use(Vuex);
// register your custom components
Vue.component('my-button', Button);
function loadStories() {
    // you can require as many stories as you need
    require('../src/stories');
}
configure(loadStories, module);

============================

// 스토리북 설치 디렉토리 이동

// 스토리북 설치

npx -p @storybook/cli sb init

=============================

npm run storybook