この記事の最終更新日: 2023年4月12日
![storybook_vue](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/03/vue_storybook.png?resize=1000%2C1001&ssl=1)
以下は、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 でコンポーネントの開発やテストを行うことができます。
![ゆるプロ日記](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/01/12245_paint.png?resize=100%2C100&ssl=1)
大阪のエンジニアが書いているブログ。
コメント