脚手架

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

脚手架部分完全基于 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

指定要声明的模块名

undefined