你有没有遇到过产品需要我们实现一个功能，但是iview或者elementui不支持，然后我们就说，不好意思，组件库不支持不支持，做不到。你有没有和设计师吵过架说自己脸红了，其实是因为组件库暂时不支持。所以我觉得每个前端都应该具备为公司搭建UI组件库的能力。因为一个巧合，我在Github上发起了一个VueUI组件库的开源项目。参会人数达到40多人。我认为UI库只是一堆叠加在其上的组件。40个人，每人一个组件，应该很快就能搞定。没想到一套UI库竟然有这么多内容。我们几十个人研究探索了几个月，爬了无数个坑，项目慢慢走上了正轨。估计下一次迭代就能和大家见面了。也是因为UI库对公司来说很重要，但是开发过程并不简单，所以我觉得我的宝贵经验可以帮助到大家。接下来我可以跟大家分享一下我做整个开源项目的心得。我们这套开源项目主要分为两点。一是项目完全模拟企业流程开发；二是项目完成有一套前端产业化知识。第一种是完全模拟企业流程开发的，内容如下：1.tapd敏捷管理工具，我们会根据真实企业在tapd上创建迭代，编写需求，分配任务。2、选择github作为代码仓库工具，使用企业中最常用的sourceTree来操作git工具。各种真会，需求评审会，日常站会，代码评审会，测试用例评审会，各种技术分享会。5.我会模拟迭代测试和上线的过程，保证项目的质量。6.我积极鼓励参与者选择多种角色进行项目实战。例如，除了开发工作，参与者还可以选择尝试技术经理或架构师等角色。我们的工作人员将协助参与者扮演好角色。让参与者了解更多。7、希望用最规范的企业流程来管理开源项目。二是运用一套前端工业化知识，内容如下：1、一套好的项目写作思路，让你明白什么先写，什么后写。比如我们应该先定义css结构，如果不先定义，就会有很多坑。2.分支机构管理策略。可能有几十个人参与我们的项目。什么样的分支策略可以最大限度地减少代码冲突，几乎不会出问题。3.如何创建一套css架构。4.一套统一全员代码风格和规范的策略。使用eslint和git自动检测代码，确保所有员工风格统一。5、创建一套脚本前端工作流，通过命令生成统一的组件，自动更新组件引入、打包发布等。6、从设计模式的角度，构建和优化组件库，保证代码质量。7.对代码进行单元测试。单元测试不是调用几个API，而是告诉你要测试什么，测试什么，怎么测试，从而保证代码bug低。8.如何在没有设计师支持的情况下，为前端的UI组件库制作一套字体图标。9.通过项目思路、设计模式、css架构、scripts工作流程、单元测试、分支策略、eslint策略等一套标准的前端工业化体系知识搭建这个UI库。如果您是了解以上所有内容的专家，请跳过它。
