React + Vite環境にStorybookを入れてみる

はじめに

以前の記事で勉強のためにReact+Vite環境を構築しましたが、合わせてStorybookも勉強したいなと思い、構築していく備忘録を残そうと思います。

手順

実は以下のコマンドをルートで実行するだけで入れることができました。

$ npx storybook@latest init
Need to install the following packages:
storybook@8.4.7
Ok to proceed? (y) y
╭──────────────────────────────────────────────────────╮
│                                                      │
│   Adding Storybook version 8.4.7 to your project..   │
│                                                      │
╰──────────────────────────────────────────────────────╯
 • Detecting project type. ✓
Installing dependencies...

インストールが完了したら自動でStorybookが起動してくれました。（初心者用ガイドまでついていて便利…）