Vue Storybook

Vue Storybook

Vue Storybook6 - mdx

목차 Introduction 설정 기본적인 mdx controls argTypes Advanced argTypes 전체적인 코드 Conclusion Reference 📌 Introduction 안녕하세요! 오늘은 storybook을 mdx로 하는 법에 대해서 알아보겠습니다. mdx로 작성하는 이유는 docs를 만들기 위함입니다. 그럼 한번 떠나볼게요~ 📌 설정 일단 Docs는 자동적으로 parsing해서 만들어주곤 합니다. 그러나 만들지 않은 것에 대해서 만드는 부분이 조금 그래서 저는 설정을 꺼주려고 합니다. // preview.js import { addParameters } from "@storybook/vue"; addParameters({ docs: { page: null } });📌 기본적인 ..

Vue Storybook

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 사용에 대해 준비를 해보았습니다. 다음 포스팅은..

eddie0329
'Vue Storybook' 카테고리의 글 목록