封装 Vue 组件库

一、介绍

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

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

 

那就让我们开始吧～

 

二、Storybook

1. 介绍：

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

 

 

 

2. 优点：

可视化的组件展示平台

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

独立开发组件

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

 

3. 安装

 

 

 

 

 

 

 

 

 

 

 

 

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

1. 目录结构

 

标签：Vue,封装,React,Storybook,开发,UI,组件
来源： https://www.cnblogs.com/gqx-html/p/14519772.html