How to setup StoryBook for React, Vue and Angular

Storybook is an excellent starting point to deliver a consistent design system for your project. It is available for most frameworks. Here we are covering three major JS frameworks. If you are starting fresh, install these CLIs create-react-app @vue/cli and @angular/cli from npm

React

create-react-app story-react
cd story-react
npx sb init
npm run storybook

Vue

# select normal vue or vue2
vue create story-vue
cd story-vue
npx sb init --type vue
npm run storybook

Angular

vue create story-angular
cd story-angular
npx sb init --type angular
npm run storybook