脚本宝典收集整理的这篇文章主要介绍了前端进阶(7) - react、vue 组件开发利器:storybook,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
对于前端开发来说,组件化技术已经是一门必修课了,这其中又主要以 react 和 vue 为主。但平时在开发组件,尤其是公共组件或者第三方组件库的时候,往往会有一些困扰:
所以,storybook 就是为了解决这些问题而出现的,它为你的组件搭建了一个强大的开发环境,主要提供了以下的几个功能:
社区已经有很多组件库都在使用 storybook 开发,比如:
storybook
react-dates - storybook
storybook
react-native-web - storybook
再顺便截个图吧
alpha
阶段alpha
阶段alpha
阶段alpha
阶段alpha
阶段story
查看 storybook - Writing Stories,了解怎么写 stories
与怎么用插件。
storybook
# 安装全局命令
npm i -g @storybook/cli
# 初始化已有项目(不会对原项目产生影响,只添加必要的配置与脚本而已)
cd my-project-directory
getstorybook
# 运行 storybook
npm run storybook
如果需要手动添加 storybook
或它的插件,可以查看:
# 添加到 package.json 的 scripts
{
"export-storybook": "build-storybook -c .storybook -o .out"
}
# 运行命令
npm run export-storybook
更多博客,查看 https://github.com/senntyou/blogs
版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)
以上是脚本宝典为你收集整理的前端进阶(7) - react、vue 组件开发利器:storybook全部内容,希望文章能够帮你解决前端进阶(7) - react、vue 组件开发利器:storybook所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。