# 介绍
Storybook是一个开源工具,用于为React,Vue,Angular等做隔离开发UI组件。它使构建UI变得井井有条,高效。可以实时预览组件的各种状态。还可以显示不同分辨率下的效果。
# 概念
# 故事(story)
每一个story代表一个组件形态
# 安装
使用命令行安装
npx sb init
该命令不应该执行在一个空项目里,而是应该执行在一个已有的项目上,因为在安装过程中,Storybook将调查项目的依赖项,并为您提供最佳的配置。
sb v6.2支持vue3和vite
执行完后,检测是否成功:
npm run storybook
# 特点
- 支持响应式测试
- 支持可视化样式调试