Vue Storybook6 - 초기 설정 편

목차

• Introduction
• 초기 설정
• Conclusion
• Refernce

📌 Introduction

안녕하세요. 오늘은 storybook6를 vue에 적용하는 법을 알아 보겠습니다.🎉 storybook/cli를 통해 간단하게 초기 설정을 해보겠습니당

📌 초기 설정

해당 버전은 vue2에 기준하여 진행을 합니다.

먼저 vue project를 하나 만들어주세요

vue create vue-storybook6

그런 뒤에 해당 폴더에서 storybook/cli를 통해 storybook 초기 설정 template을 가져옵니다.

cd vue-storybook6
npx -p @storybook/cli sb init

📌 Conclusion

이렇게 새로운 storybook 사용에 대해 준비를 해보았습니다. 다음 포스팅은 실제로 이제 간단한 button을 만들어 보겠습니다. 그럼 다음 포스팅에서 만나요~ 안녕

📌 Reference

• 스토리북 공식문서