StorybookをVuejsで使う
Storybook3.2からVuejsのサポートが追加されたので、さっそく使ってみます。
Storybookはコンポーネントのカタログを簡単に作成できるツールで、プロジェクト内の自作コンポーネント一覧や使いかたをカタログにできます。
storybook/cli のインストール
npm i -g @storybook/cli
既存のVuejsプロジェクトで準備
cd vuejsのプロジェクトがあるディレクトリ
ストーリーブックのインストール
getstorybook
storybookサーバの起動
yarn run storybook
この状態で、http://localhost:6006/ を開くと初期設定の画面が開きます。
コンポーネントの追加
ストーリーブックにコンポーネントを追加するには、getstorybook
で作成された、stories
ディレクトリの index.js
に定義を追加していきます。
この stories
ディレクトリは、 .storybook/config.js
を編集することで変更することができます。
参考資料
Author And Source
この問題について(StorybookをVuejsで使う), 我々は、より多くの情報をここで見つけました https://qiita.com/reoring/items/4b4f8b9d3813f1987702著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .