Lab 01: Install Storybook - andreaswissel/design-systems-workshop GitHub Wiki

Hint: if you got lost, you can always check out the corresponding branch for the lab. If you want to start over, you can reset it by typing executing git reset --hard origin/lab-0

Next, we are adding Storybook to our Angular project. Storybook automatically detects the view framework and will update the project accordingly.

Lab

  • If you did run the ng serve command in the last lab, stop the development service again by pressing ⌘/Ctrl+C (you might have to confirm canceling the command).
  • Make sure you are in the project folder. Then run:
npx @storybook/[email protected] init
  • Confirm the use of Compodoc

Self-check

Next, run the following command:

npm run storybook

Your browser should open automatically and show the Storybook dev environment with some default stories:

Hint: if you got lost, you can always check out the corresponding branch for the lab. need the solution, you can reset it by typing executing git reset --hard origin/lab-1

⚠️ **GitHub.com Fallback** ⚠️