Storybook是一个辅助UI控件开发的工具。通过story创建独立的控件，让每个控件开发都有一个独立的开发调试环境。 Storybook的运行不依赖于项目，开发人员不用担心由于开发环境、依赖问题导致不能开发控件。 Storybook支持的框架覆盖主流的框架（React、Vu…

前言 前段时间要搭建一个业务组件的管理平台，类似于 element-ui 的官方文档，对比了几个业界使用比较广泛的工具（StoryBook，Styleguidist，Docz）最终选择了 StoryB

前阵子一直和组里的小伙伴共同“造轮子”，开发并维护了一套 PC 端 React UI 组件库，经过了一段时间的折腾，组件库从之前的 0.x、1.x 再到最近发布的 2.0.beta 的一个过程，这其中很多东西值得拿出来分享和讨论，有好的有失败的，今天就把组件库开发过程中的 DE…

最近掐指一算发现本月还有篇技术博文没写~,虽然随便拿一篇日常积累的文章，或者把最近重构的一些点拿出来讲都可以糊弄过去，但是我决定还是搞一点事情。。。 近期就有一个需求是这样的，我手里进行的一个重构项目里，有一些组件我想抽离，给未来其它项目使用，然后我还需要开发两个前端项目，他们…

在上一篇文章 《手摸手教你封装跨项目复用的 Vue 组件》 中，介绍了一例用 rollup.js 封装 Vue.js 组件库的实践；限于篇幅和复杂度，其中组件的即时调试预览部分，也同样采用了 rollup 一并配置出来，虽然完全够用，但运行起来稍嫌麻烦，bigger 上感觉也差…

前言 前置知识 快速原型开发 VueCli 中提供了一个插件可以进行原型快速开发(能单独运行某个组件) 需要先额外安装一个全局的扩展: npm install -g @vue/cli-service-

stories/pages 目录，用于存放 storybook 所有相关页面， stories/config.js 作为页面配置在入口文件 index.stories.js 中进行引用并根据该配置渲染出所有相关页面，同时假设我们 storybook 有一级目录 基本 且目录下有…