NG-ZORRO(Ant Design + Angular) 1.0 版本发布

2018-06-12 admin

10个月之前我们发布了 NG-ZORRO 的第一个版本,在这 10个月的时间里,我们接收了超过 35 个 contributor386 次 Commit

在经过了 35 个版本 的迭代之后,1.0 版本在今天正式发布 🎉**。**

1.0 版本基于最新的 Angular ^6.0.0 与 RxJS ^6.0.0 构建,与 @angular/cli 进行了深度整合,完善了文档系统,降低了上手难度,同步了最新的设计规范。除此之外,我们完成了与 Ant Design 所有组件(共51个)的完全同步工作,并对之前的部分组件进行了重构。

最重要的是,这些工作相对于上一个版本(0.7.1)没有引入任何破坏性更新,这意味着所有你需要做的只是要升级目前项目的 Angular 版本到 6.0。

注:升级到最新的 Angular 6 版本只需要很少的工作就可以完成,具体的步骤可以参考官方的 升级指南,也可以参考卡色的 ng-zorro-antd 升级 Angular6 指引

快速上手

NG-ZORRO 在 1.0 版本上完整支持了 Schematics,现在只需要在新建的 angular 项目中执行以下命令就可以快速完成全部配置。

ng add ng-zorro-antd

自定义主题和设定国际化语言也可以通过在初始化时增加 --theme--i18n 的选项来完成。

除了初始化项目以外,1.0 版本还支持代码快速生成,在项目中执行以下命令就可以快速生成一个登录框组件。

ng g ng-zorro-antd:form-normal-login -p app --styleext='less' --name=login

更多的配置信息可以在 文档 中进行查看。

我们准备了部分项目实战来帮助你入门 ng-zorro-antd 和 Angular,后续会在 知乎专栏 中逐步放出,欢迎关注。

设计体系

在 1.0 版本我们使用了 bot 与 Ant Design 设计体系进行版本同步,保证了 Ant Design 的海量设计物料的完全可用。

这意味着无论是使用 Ant Design Libraray 还是 Ant UX 设计的页面,都可以使用 ng-zorro-antd 完美的进行还原。

除此之外,我们在 1.0 版本中增加了css的样式文件的输出, 完善了自定义主题的方式,现在无论你想使用哪一种 css 预处理器,ng-zorro-antd 的样式自定义文件都可以与之兼容。

代码重构

1.0 版本在对代码重构的同时保证了对上个版本的完全兼容

Tooltip、Popover、PopConfirm等组件在1.0版本中推荐使用 Directive 方式,原有的方式虽然不推荐,但是仍然可以继续使用。另外,借助于 Angular 6.0的新特性,forRoot将不再必要,在任何 module 都可以直接引入 NgZorroAntdModule,当然原有的forRoot的方式也会继续兼容。

此外,ng-zorro-antd 的所有第三方依赖(除去 @angular 包之外只有 date-fns)都支持 Tree Shaking,这意味着用户只需放心导入 NgZorroAntdModule ,未使用的组件在打包后将会被自动裁剪。

引入 ng-zorro-antd 全部 module 后的 Hello World 程序 gzip之后整个项目仅有 131.18 KB

代码质量

我们在 1.0 版本中增强了对质量的把控ng-zorro-antd 的测试用例进一步增加到 1115 个,整体的测试覆盖率提高到了 95% 以上。

除了单元测试以外,目前运行在我们的持续集成上的还有 webpackrollup@angular/cli 三套环境,这意味着无论你自己构建环境还是使用官方的开发套件都可以得到更好的质量保障。

所有持续集成的运行结果都可以随时在 Travis CI 进行查看。

在线文档

在 1.0 版本的在线文档中,我们增加了每个组件的类型信息,并为全部的可用API更清晰的标明了属性。每个代码示例展开后都可以在 stackblitz 上直接快速编辑。另外目前的文档系统完全由markdown生成,大家可以通过点击文档中的编辑按钮快速提出对文档的修改建议。

写在最后

目前 ng-zorro-antd 已经有来自超过 50 个国家每月 2w 以上的活跃用户,感谢所有用户对我们的信任,我们一直致力于提供给 Angular 开发者提供愉悦的开发体验。

为了更好的支持使用 ng-zorro-antd 的用户,我们准备了用户自助服务群

qr.dingtalk.com/action/join… (二维码自动识别)

在官网中开启 Chrome DevTools 可以看到钉钉群加入方式

最后感谢所有的 contributor,感谢大家。

链接

仓库地址:NG-ZORRO/ng-zorro-antd 官方网站:Ant Design Of Angular 国内镜像:Ant Design Of Angular 设计规范: Ant Design Design Language 基于 ng-zorro-antd 中后台前端解决方案:Ng Alain vscode 拓展: ng-zorro-antd snippets

原文链接:https://zhuanlan.zhihu.com/p/37916702

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-33904.html

文章标题:NG-ZORRO(Ant Design + Angular) 1.0 版本发布

相关文章
JavaScript中文网:即将发布JavaSCript原创教程
JavaScript中文网:即将发布JavaSCript原创教程 ...
2015-11-12
AngularJS 文件上传控件 ng-file-upload详解
网上可以找到的 AngularJS 的文件上传控件有两个: angular-file-upload:https://github.com/nervgh/angular-file-upload ng-file-upload:https://g...
2017-03-10
HTML 5 <em> <strong> <dfn> <code>
&lt;em&gt; 把文本定义为强调的内容。 &lt;strong&gt; 把文本定义为语气更强的强调的内容。 &lt;dfn&gt; 定义一个定义项目。 &lt;code&gt; 定义计算机代码文本。 &lt;samp&gt; 定义样本...
2015-11-12
Angular 6 正式发布,新功能详解
作者|Stephen Fluin编译|覃云今天,Angular 6.0.0 正式发布,新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。 这次更新还包括框架包(@angular/core、@angular/common、@...
2018-05-05
利用n 升级工具升级Node.js版本及在mac环境下的坑
一、利用n 升级Node.js 最近在用NPM安装一个nodejs工具时发现,我的nodejs的版本有些旧了。这不是大问题,只要升级就可以了,当然,重新从nodejs.org最新版本是一种方法,但我想应该有更简单的方法,那就是使用 n 这个...
2017-03-17
angular+ionic 的app上拉加载更新数据实现方法
第一步,首先需要在&lt;ion-content&gt;标签里面加入标签&lt;ion-infinite-scroll ng-if=&quot;hasmore&quot; on-infinite=&quot;loadMore()&quot;...
2017-03-07
Javascript中实现String.startsWith和endsWith方法
在操作字符串(String)类型的时候,startsWith(anotherString)和endsWith(anotherString)是非常好用的方法。其中startsWith判断当前字符串是否以anotherString作为开头,而e...
2017-03-24
Angular ui.bootstrap.pagination分页
本文实例为大家分享了Angular 分页的具体代码,供大家参考,具体内容如下 1、Html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name=&quot;v...
2017-02-27
使用AngularJS开发我们下一款Web应用的七个理由
在当下这个电子商务时代,每一家企业都热衷于通过网络拓展自身业务。而这也使Web开发人员市场呈现出前所未有的红火态势。根据最近发布的一份调查报告,全球网站总数已经超过8.76亿个,而且这一数字还在不断上升当中。市场上用于Web开发的平台亦多种...
2015-12-25
在JavaScript的AngularJS库中进行单元测试的方法
开发者们都一致认为单元测试在开发项目中十分有好处。它们帮助你保证代码的质量,从而确保更稳定的研发,即使需要重构时也更有信心。 ** 测试驱动开发流程图** AngularJS的代码声称其较高的可测性确实是合理的。单单文档中列出端对端的测试...
2017-03-24
回到顶部