Storybook

构建漂亮的 UI 组件,隔离开发,更快交付

核心特性

🎨

组件隔离开发

独立开发 UI 组件,不受业务逻辑干扰

📚

自动文档生成

自动生成组件文档和交互式示例

🧪

交互式测试

可视化测试组件的各种状态和边界情况

🔌

丰富的插件生态

数百款插件扩展功能

热更新

实时预览组件变更

🌐

多框架支持

React、Vue、Angular、Svelte、Web Components 等

技术栈

TypeScript React Vue Angular Svelte Web Components Vite Webpack

快速开始

# 在你的项目中初始化 Storybook

npx storybook@latest init


# 启动开发服务器

npm run storybook


# 构建静态站点

npm run build-storybook