脚手架

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

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

项目初始化

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

初始化命令

  1. ng add ng-zorro-antd-mobile [options]

初始化参数

—theme

ng-zorro-antd-mobile 会自动降级 less 版本至 2.7 并在 src 目录下生成 theme.less 的主题配置文件

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

生成组件

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

生成组件命令

  1. ng g ng-zorro-antd-mobile:[template] --name=NAME [options]

例如通过以下代码可以快速生成一个导航栏组件，其中nav-bar-basic为对应组件代码演示中的 selector 去除'demo-'前缀。

  1. ng g ng-zorro-antd-mobile:nav-bar-basic -p app --styleext='less' --name=navbar

生成组件参数

—name

组件名称(必选)

—styleext

样式文件扩展名（默认 css）

—prefix, -p

组件选择器前缀

—inlineStyle, -s

使用行内样式

—inlineTemplate, -t

使用行内模版

—path

指定组件创建目录（相当于执行时所在的目录）

—spec

是否生成 .spec 测试文件

—skipImport

是否跳过模块引入（及导入所属模块）

—selector

选择器名称（默认根据 name 自动生成）

—export

是否将组件声明在模块的 exports

—module, -m

指定要声明的模块名