封装 Vue 组件库

一、介绍

随着互联网的发展 功能性开发 已经无法满足我们对于前端的需求,这一篇主要带大家体验一下如何开发一套属于自己的组件库

使用场景:公司内部组件库的开发,个人组件库的开发,与项目解耦,多项目中使用同一组件,只需维护一套组件库

 

那就让我们开始吧~

 

二、Storybook

1. 介绍:

Storybook 是用于UI开发的工具。通过隔离组件,可以更直接、更快、更轻松地进行开发。这使您可以一次处理一个组件。您可以开发整个UI,而无需启动复杂的开发堆栈,将某些数据强加到数据库中或在应用程序中导航。

封装 Vue 组件库

 

 

 

2. 优点:

可视化的组件展示平台

在隔离的开发环境中,以交互的方式展示组件

独立开发组件

支持的框架, React、React Native、Vue、Angular、Ember、Html、 Svelte、 Mithril、 Riot

 

3. 安装

 

 

 

 

 

 

 

 

 

 

 

 

二、Monorepo ( 一个项目仓库中管理多个模块/包 )

1. 目录结构

封装 Vue 组件库

 

上一篇:react 环境下安装 storybook


下一篇:Oracle RAC 应用PSU