引言 平时在业务中，我们一直都会选择一些开源的通用组件库，通过简单的引用方式嵌入到业务系统中，以提高开发效率，统一整体样式。我们的关注点往往在它怎么用，一个组件暴露出了哪些属性和方法，在什么场景下使用

一直以来,前端所做的事情比较重复和枯燥，确切的来说并没有什么太大的技术含量(仅从我这个初级前端角度来说)。特别是现在前端工程化带来的各种工具的使用，前端开发越来越像搭积木。找到合适的模块，按照UI图进行拼装，然后在这基础上修修补补。具体表现之一就是UI组件库的使用，饿了么的UI…

ElementUI 作为当前运用的最广的 Vue PC 端组件库，很多 Vue 组件库的架构都是参照 ElementUI 做的。作为一个有梦想的前端（咸鱼），当然需要好好学习一番这套比较成熟的架构。 .github：存放贡献指南以及 issue、PR 模板，这些是一个成熟的开源…

在组件有了之后，我们需要对组件进行整合，在packages文件夹下创建index.js入口文件对组件进行整合。 我们需要测试ui渲染后的结果。需要在浏览器中测试,所有需要使用Karma 请教了大佬，回复是：因为用到window变量了，最好引入时单独逐一引入，就是当是开发的时候可…

本文主要讲在搭建一个组件库过程中，从包工头对组件库进行项目管理，在脚手架对组件库进行项目构建，最后工具对项目规范的约束。同时也是作者对开发组件项目库中遇到的一些问题进行总结和常用工具的分享。 盖大楼之前，我们先把地基打好，先构建好我们的项目工程。 对于一款组件库，我们把每个组件…

市面上目前已有各种各样的UI组件库，比如 Element 和 iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。 所以本文的目的就是让读者能通过此文，小能做一个简单的插件供人使用，…

在正式开始之前，我们先简单的回顾一下前端领域的发展历程。在最早期的阶段，我们只能裸写 js/css，慢慢的项目中就能看到非常多的重复代码。在这样的背景下，jQuery 和 Bootstrap 应运而生了，它所展示的组件设计思想在之后许多的组件库中都能看到，也给项目开发带来了升级…

年前入职新公司，公司要求搭建一个UI组件库，本专栏详细记录搭建思路和步骤，最后有项目github地址。 安装完成后，输入命令vue --version，查看Vue CLI的版本号是否是3.0以上，是则表明安装成功。 1、在文件夹地址中输入cmd，打开命令行工具。 2、在命令行工…

Babel7 是对整个项目都生效的配置。 优化代码与使用jsV8补丁做效能调校，编译速度更快。 Storybook是一个辅助UI控件开发的工具。通过story创建独立的控件，让每个控件开发都有一个独立的开发调试环境，可以单独的查看每个组件的不同状态，以及交互式开发和测试组件。 …