加入直播会议:美国东部时间周四上午 11 点,Storybook 9 发布 & AMA
文档开始使用
Storybook Docs

开始使用 Storybook

欢迎来到 Storybook 文档 ✦ 了解如何在您的项目中开始使用 Storybook。然后,探索 Storybook 的主要概念,并发现其他资源以帮助您发展和维护您的 Storybook。

什么是 Storybook?

Storybook 是一个用于独立构建 UI 组件和页面的前端工作台。它帮助您在无需运行整个应用的情况下开发和分享难以触及的状态和边界情况。成千上万的团队使用它进行 UI 开发、测试和文档编写。它是开源且免费的。

安装 Storybook

Storybook 是一个独立工具,与您的应用并行运行。它是一个零配置环境,适用于任何现代前端框架。您可以将 Storybook 安装到现有项目或从头开始创建一个新项目。

npm create storybook@latest

想了解更多关于安装 Storybook 的信息吗?请查看安装指南

主要概念

Storybook 是一个强大的工具,可以在 UI 开发工作流程的许多方面提供帮助。以下是一些主要概念,可帮助您入门。

其他资源

掌握基础知识后,探索其他方法,以便充分利用 Storybook。

需要帮助?

加入 GitHub 讨论

最新产品更新

查看更新日志