全文：DevUI 是这款面向全国民营企业中前台商品的开放源码后端软件控制系统，它倡导沉浸于、灵巧、至简的结构设计价值观念，倡导结构斯特默为真实世界的市场需求服务项目，为绝大多数人的结构设计，婉拒华而不实、讨好兴奋点的结构设计。假如你早已开始合作开发 ToB 的工具类，DevUI 将是两个很极好的优先选择！
DevUI是一队兼有结构设计视点和工程建设视点的项目组，服务项目于宏碁云DevCloud网络平台和宏碁外部数个中前台控制系统，服务项目于结构雕塑家和后端技师。
非官网：devui.designNg模块库：ng-devui（热烈欢迎Star）
非官方沟通交流：加进DevUI小助手（devui-official）
DevUIHelper应用程序：DevUIHelper-LSP（热烈欢迎Star）
Angular 是这款能跨 Web、终端 Web、终端应用领域、原生植物应用领域和图形界面原生植物应用领域数个网络平台的后端架构，历经几十年的产业发展，已逐步形成了两个巨大的自然生态，如前所述Angular的模块库也是数不胜数。
2021年假如你想试著 Angular 架构，下列 Angular 模块库也许是极好的优先选择！
1. Material Design for Angular
具体来说要所推荐的，总之是 Angular 非官方的 Material 模块库，Material Design 是 Google 的两套结构设计管理体系。
如前所述这套结构设计管理体系，非官方和街道社区都提供更多了各式各样模块库，有Web端（Angular/React/Vue）的，也有终端端（Android/iOS/Flutter）的。
当中 Angular 版的 Material 模块库，那时早已是Angular非官方选定的模块库，因此广告主不光多，无论是在Github的Star/Fork数，还是在NPM的周下载量都是TOP 1的。
下列是2021年4月19日的数据：
指标数值Star21.4kFork5.7kNPM周下载891,480Material Design for Angular早在2016年3月份就发布了第一个如前所述Angular 2的Alpha版：2.0.0-alpha.0，中间演进了一年多，迟迟没有发布2.0的正式版，直到第二年12月才发布如前所述Angular 5的5.0.0正式版。
不过 Material Design for Angular 却不是最早的 Angular 模块库，后面我们将要介绍的 PrimeNG 比它更早诞生，但 Material 毫无疑问是最流行和最受热烈欢迎的。
2. NG/NGX Bootstrap
Bootstrap 是Twitter推出的两个用于后端合作开发的开放源码辅助工具包，也是非常受热烈欢迎的HTML/CSS/JS架构，用于合作开发响应式布局、终端设备优先的Web应用领域。
它有多受热烈欢迎呢？我们看一组数据就知道了。
架构/库Star数Vue182kReact167kBootstrap149kAngular72.5k从以上数据可以看到，Bootstrap甚至比Angular架构的Star数还多，可见Bootstrap的受热烈欢迎程度，因此如前所述Bootstrap的Angular模块库也很受热烈欢迎就不难想象了。
如前所述Bootstrap的Angular模块库主要有两款： – NG Bootstrap – NGX Bootstrap
NG Bootstrap 和 NGX Bootstrap 是两个不同的项目项目组的两个不同的项目，它们都可以只使用Bootstrap无需使用jQuery就可以在Angular中使用。主要区别在于它们所支持的Bootstrap版： – NGX Bootstrap支持Bootstrap 3和4 – NG Bootstrap支持Bootstrap 4，并且需要Angular5+
从Github Star/Fork和NPM周下载量来看，它们也是相当的，NG Bootstrap似乎略占上风：
下列是2021年4月19日的数据：
指标NG BootstrapNGX BootstrapStar7.7k5.3kFork1.4k1.7kNPM周下载386,485235,662从版发布时间来看，NGX Bootstrap则要早一些：
指标NG BootstrapNGX Bootstrap首次发布版1.0.0-alpha.0 2016年7月1.0.1-beta.2 2016年1月第两个正式版1.0.0 2018年1月1.0.4 2016年2月从以上数据可以看出，无论是首次发布版还是第两个正式版，NGX Bootstrap都比NG Bootstrap早些，不光是第两个正式版的发布时间，NGX Bootstrap比NG Bootstrap早了整整两年。
因此我们可以大致了解，NGX Bootstrap是两个比较早的库，并且能支持Angular 2+和Bootstrap 3+，而NG Bootstrap则比较新，需要Angular 5+和Bootstrap 4+才能使用。
假如你的项目是两个使用Angular 5+和Bootstrap 4+的新项目，建议使用NG Bootstrap，否则就使用NGX Bootstrap。
3. NG Zorro
第三个要重点所推荐的Angular模块别列济夫如前所述Ant Design结构设计管理体系的NG Zorro模块库。
Ant Design 是蚂蚁金服的一门结构设计语言，经历过多年的迭代和积累，它对UI的结构设计思想早已成为两套事实标准，受到众多后端合作开发者及民营企业的追捧和喜爱，也是React合作开发者手中的神兵利器。
作为Ant Design的Angular实现，NG Zorro不仅继承了Ant Design的独到思想和极致体验，同时也结合了Angular架构的优点和特性。模块的风格与Ant Design最新版保持同步，模块的接口也尽量保持与Ant Design的React版一致。
说Zorro是国内最受热烈欢迎的Angular模块库，相信没有人会反对。
2017年8月，Zorro正式开放源码并发布第两个版：0.5.0-rc.0，历经一年的演进，于第二年6月发布1.0版。
从知乎来看，Zorro的街道社区反响非常好：https://www.zhihu.com/question/63992236
下列是2021年4月19日的数据：
指标数值Star7.4kFork2.6kNPM周下载35,9414. Nebular
Nebular 是两个可定制的Angular UI库，如前所述Eva Design结构设计规范，包含40数个UI模块，4个可视主题，认证和安全模块。
Nebular包含的模块并不多，只有40+个，不过它包含了很多实用的辅助工具，比如：主题包、登录认证、角色鉴权管理、Admin控制系统等。
有这方面市场需求的话，还是可以试著的。
Nebular的发布时间和Zorro的很接近，都是17年8月份发布第两个版，第二年发布第两个正式版，不过从Github Star/Fork和NPM周下载量来看，Nebular稍微逊色一些：
指标数值Star7kFork2.6kNPM周下载17,0375. PrimeNG
接下来给大家所推荐的PrimeNG也是这款国外的Angular模块库，这是这款老牌 Angular 模块库，2016年2月就发布了第两个版，发布时间比非官方的 Material 还早一些。
PrimeNG 的模块非常丰富，一共有90+个模块，可能是目前市面上最全的Angular模块库了。
下列是 PrimeNG 的数据：
指标数值Star6.7kFork3.3kNPM周下载260,7126. Clarity
Clarity也是这款有自己结构设计管理体系的Angular模块库，如前所述Clarity Design结构设计语言，这和 Teambition 的Clarity Design名字一样，但是是不同公司的不同商品，不要搞混。
指标数值Star6.2kFork701NPM周下载18,0147. DevUI
最后要所推荐的是这款国内的新兴 Angular 模块库，叫 DevUI，如前所述 DevUI Design 结构设计语言。
DevUI 是这款面向全国民营企业中前台商品的开放源码后端软件控制系统，它倡导沉浸于、灵巧、至简的结构设计价值观念，倡导结构斯特默为真实世界的市场需求服务项目，为绝大多数人的结构设计，婉拒华而不实、讨好兴奋点的结构设计。
DevUI 是从宏碁云 DevCloud 研发辅助工具管理体系孵化出来的，最适合做 ToB 的辅助工具类，因为这类不追求酷炫的样式，而更在意辅助工具是否稳定、使用起来是否高效，是否能真正让用户忘记辅助工具，在使用辅助工具的过程中达到心流状态。
由于 DevCloud 是研发辅助工具类的商品，场景丰富，这使得孵化于当中的 DevUI 逐步形成了自己独特的优势，DevUI 提供更多了很多其他 UI 模块库没有的特色模块，比如甘特图、象限图，以及新出的分类搜索、精灵导航等。
DevUI 在 2017年初的时候就早已在 DevCloud 众多业务中使用，历经这许多年，DevUI 早已经受了 DevCloud 大量线上用户的考验，成为稳定、高效、体验流畅的 Angular 模块库。
假如你早已开始合作开发 ToB 的辅助工具类，DevUI 将是两个很极好的优先选择！
指标数值Star638Fork106加入我们
我们是DevUI项目组，热烈欢迎来这里和我们一起打造优雅高效的人机结构设计/研发管理体系。招聘邮箱：[email protected]。
文/DevUI Kagol
往期文章所推荐
