前言
在大型软件中，组件化是一种共识，它一方面提高了开发效率，另一方面降低了维护成本。虽然市面上有了很多功能的开源组件库，但是也会存在一些问题，比如每个公司可能需要的业务组件不尽相同，或者我们想自己开发一套属于自己的组件库，来增强对组件的可控性。那么我们该如何去做呢？
这里记录一下我学习Element(版本2.15.X)的过程，内容较为琐碎，皆为学习过程中点滴积累，从Copy剖析到扩展组件慢慢道来。
文章列表
本系列计划分三部分：基础篇、架构篇、源码篇。会详细记录重要步骤的，提供详细的代码。
- 基础篇主要目的快速了解从初始化项目，成功编写一个组件、发布到npm，会用到哪些技术和包、怎样的操作流程、如何webpack配置、安装哪些插件等信息。
- 架构篇主要基于element源码的剖析，学习优秀的前端工程化实践。
- 源码篇主要分析每个组件的功能实现，早日编写属于自己的element-copy类库。
01.基础篇
- 0x01.项目初始化和webpack配置
- 0x02.babel配置
- 0X03.代码风格检查和格式化配置（ESlint & Prettier）
- 0X04.组件封装、说明文档的编写
- 0X05.项目发布配置（github pages&npm package）
文章示例代码 Github Repo: learning-element2
02.架构篇
- 源码剖析之工程化(一)：项目概览、package.json、npm script
- 源码剖析之工程化(二)：项目构建、MD解析
- 源码剖析之工程化(三)：打包配置
- 源码剖析之工程化(四)：发布部署、持续集成
- 源码剖析之工程化(五)：主题构建、自动化测试、代码质量检查、类型声明
- 源码剖析之工程化(六)：官网
- 源码剖析之工程化(七)：命令图解
03.源码篇(持续更新中)
04.其他
- [VCV]vue-code-view:一个在线编辑、实时预览的代码交互组件
- [VCV]vue-code-view:从0到1搭建自己的组件库(上)
- [VCV]vue-code-view:从0到1搭建自己的组件库(下)
- 组件Progress扩展-仪表盘缺口大小/位置
- 组件Progress扩展-自定义进度条渐变色
项目 Github Repo：vue-code-view
如果本文对您有所帮助请关注➕、 点赞👍、 收藏⭐！您的认可就是对我的最大支持！
