Vue.js 的 Storybook
Storybook with Vue.js
使用 Storybook 在优雅的 UI 中记录和展示Vue.js组件。非常适合多学科团队!
关于故事书与Vue.js课程
Storybook 允许我们创建一个可视化组件库和 Playground,我们可以在隔离环境中记录、展示Vue.js组件并与之交互。
在这个 Storybook 课程中,你将学习如何使用 Vue CLI 在任何Vue.js项目中安装和配置 Storybook。您还将学习如何组织和编写故事以展示Vue.js组件的不同状态。
Storybook 的伟大之处在于它与我们的项目分离,这使我们能够快速原型或演示功能和进度。想象一下,能够在单独的(本地或在线)网站中快速演示不同状态(打开、关闭、选择、禁用等)的日期选择器组件。
一个精心组合的故事书套件可以使任何人受益,从个人和自由职业者到更大的多学科团队。
由于每个Vue.js项目都没有使用 Vue CLI 安装,因此我们将有一个专门的章节来介绍如何在不使用 Vue CLI 的自定义 Vue.js 项目中安装 Storybook。我们还将介绍如何使用 TailwindCSS 和 Vuetify 配置 Storybook。
如果你想开始在Vue.js项目中使用 Storybook,无论你是否使用 Vue CLI,这都是终极课程。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)