脚手架

使用脚手架可以更加方便的初始化项目,生成模板代码,节省开发时间。

脚手架部分完全基于 Schematics 部分进行开发。

项目初始化#

自动完成 ng-zorro-antd 的初始化配置,包括引入国际化文件,导入模块,引入样式文件等工作。

命令#

ng add ng-zorro-antd [options]

参数#

--theme

ng-zorro-antd 会在 src 目录下生成 theme.less 的主题配置文件

详细的配置可以在自定义主题中查看。

--locale

初始化配置时增加 --locale=[语言] 参数,ng-zorro-antd 会自动引入支持的语言包以及 Angular 对应的 i18n 文件

默认的国际化配置为中文(zh_CN),详细的可配置选项可以在国际化中查看。

--animations

启用 BrowserAnimationsModule

--gestures

安装 hammerjs 并引入为项目添加手势支持

生成组件#

快速生成模板代码,每个官网的代码演示都附有可生成的模板,开发者可以通过展开每个组件的代码演示部分获取其生成代码。

命令#

ng g ng-zorro-antd:[schematic] <name> [options]

例如通过以下代码可以快速生成一个登陆框组件

ng g ng-zorro-antd:form-normal-login login

参数#

--entry-component

组件是否在模块的 entryComponents 声明

--export

组件是否在模块的 exports 声明

--flat

指定是否创建目录

--inline-style (-s)

指定是否使用行内样式

--inline-template (-t)

指定是否使用行内模版

--module (-m)

指定声明的模块

--prefix (-p)

组件选择器前缀

--project

指定声明到的项目名

--selector

组件的选择器名称

--skip-import

指定是否跳过模块引入

--spec

指定是否生成 .spec 测试文件

--styleext

指定样式文件扩展名