返回博客

隆重推出:Storybook for Vue 🎉

众多“Storybook for <在此插入框架>”中的第一个

loading
Norbert de Langen
@NorbertdeLangen
上次更新

Storybook 从一开始就被称为“React Storybook”,但在 3.0.0 版本发布期间更名为“Storybook”。

正如我们的路线图中所述,进行此更改是为了支持除 React 之外的更多 UI 库。今天,随着 Storybook 3.2 的发布,我们很高兴推出众多新的“Storybook for <在此插入框架>”中的第一个
而它就是“Storybook for Vue”!

选择从 Vue 开始是很自然的。Vue 目前正在获得巨大的关注,考虑到其组件化的特点,它在技术上似乎与 Storybook 非常契合。👍

事实证明它非常合适!实现 Storybook for Vue 非常简单,这要归功于 webpackreactvuestorybook 本身都非常灵活,概念验证版本大约花了 2 天就成功运行了。

我们花了相当多的时间进行测试,并让插件支持 Storybook for Vue,同时不为 React 用户引入破坏性变更。


Vue-Play 怎么样了?

我们联系了 Vue Play (一个受 storybook 启发的项目) 的维护者。但似乎该项目已被放弃。对于整个开源社区而言,维护 Vue-Play 比启动一个“竞争对手”更可取,但我们的一个关键目标是让所有 Storybook 版本都能与尽可能多的 Storybook 插件兼容。这本身就是一项巨大的挑战,但这确实意味着我们无法在 Vue-Play 维护者已完成的出色工作基础上继续前进。

支持插件吗?

不幸的是,不是全部插件都支持,但以下插件是支持的:addon-actionsaddon-linksaddon-knobsaddon-notes。我们将随着时间的推移逐步推出对更多插件的支持。请告诉我们您希望我们优先支持哪些插件。当然,如果您愿意提供帮助,我们将非常欢迎!

稍微解释一下为什么我们最初无法简单地支持所有 Storybook 插件:许多插件与 React 紧密耦合。它们用 React 组件包装了故事组件。我们不想在非 React 项目中这样做,因为这会将 React 引入到他们的代码库中。我们希望预览渲染由他们自己完成。这应该允许该库的开发者/调试工具正常工作。🙇

我们将进行实验,寻找更好的方法来增强/调整故事,而无需使用 React 组件包装故事。
这将需要一些时间来实验、找到最佳方法、实施正确的解决方案并迁移现有插件和文档。


Storybook for Vue 演示

3 人参与了 Storybook for Vue 的发布,
组成了一支良好团队,共同分担工作 💪
Norbert de Langen,启动了整个过程并使构建工作正常进行。
Alexandre Bodin,负责渲染工作,并致力于插件支持。
Kazuya Kawaguchi,将 Vue 支持添加到 Storybook CLI,并协助完成了其他工作。

我们非常感谢来自 Vue 社区的帮助和鼓励!

Storybook 改变了 React 的开发体验,目前被 AirBnB、Slack、Squarespace、Lonely Planet、Coursera 等公司使用。我们希望这将为 Vue 带来同样的生产力和便利!

如果您对 Storybook for Vue 有任何问题、疑虑或发现问题,请在 GitHub 上提交一个 issue 告诉我们。



如果您想支持 Storybook,请点击下方的爱心按钮,帮助更多人发现它。如果您想了解 Storybook 的最新进展,请关注我们的频道。我们还有更多令人兴奋的公告即将发布!

如果您或您的公司使用 Storybook 并希望提供财务支持,现在可以通过 Open Collective 进行!您的财务支持将使我们能够支持我们的贡献者!

storybook 在 Open Collective 上
我们的使命是为设计师、开发者和利益相关者创建最好的 UI 工具。

♥️️ storybook 团队

加入 Storybook 邮件列表

获取最新新闻、更新和发布信息

7,180位开发者以及更多

我们正在招聘!

加入 Storybook 和 Chromatic 的团队。构建被成千上万开发者用于生产环境的工具。远程优先。

查看职位

热门文章

宣布 Storybook 3.2 发布

支持 Vue、故事层级、RN 设备端 UI 等更多特性!
loading
Michael Shilman

宣布 Storybook 3.3 发布

支持 Angular、设备视口、测试改进等更多特性!
loading
Michael Shilman

开放开源软件

Storybook 的开放开源项目
loading
Norbert de Langen
加入社区
7,180位开发者以及更多
为何为何选择 Storybook组件驱动的 UI
文档指南教程更新日志遥测
社区插件参与其中博客
展示探索项目组件词汇表
开源软件
Storybook - Storybook 中文

特别感谢 Netlify CircleCI