StorybookプロジェクトをVue.jsで作成する方法

この記事の最終更新日: 2023年4月12日

以下は、Vue.js で Storybook プロジェクトを作成するための一般的な手順です。

まず、Vue CLI を使用して Vue.js プロジェクトを作成します。以下のコマンドを使用します。

vue create my-project

次に、Storybook をインストールします。以下のコマンドを使用します。

npx -p @storybook/cli sb init --type vue

Storybook 用の設定ファイルが作成されます。Storybook を起動するには、以下のコマンドを使用します。

npm run storybook

これで、Vue.js で Storybook プロジェクトが作成され、Storybook でコンポーネントの開発やテストを行うことができます。

大阪のエンジニアが書いているブログ。