- 脚手架
- 项目初始化
- 初始化命令
- 初始化参数
- 生成组件
- 生成组件命令
- 生成组件参数
- 项目初始化
脚手架
使用脚手架可以更加方便的初始化项目,生成模板代码,节省开发时间。
脚手架部分完全基于 Schematics 部分进行开发。
项目初始化
自动完成 ng-zorro-antd-mobile
的初始化配置,包括导入模块,引入样式文件等工作。
初始化命令
ng add ng-zorro-antd-mobile [options]
初始化参数
—theme
ng-zorro-antd-mobile
会自动降级 less
版本至 2.7
并在 src
目录下生成 theme.less
的主题配置文件
详细的配置可以在自定义主题中查看。
生成组件
快速生成模板代码,每个官网的代码演示都附有可生成的模板,开发者可以通过展开每个组件的代码演示部分获取其生成代码。
生成组件命令
ng g ng-zorro-antd-mobile:[template] --name=NAME [options]
例如通过以下代码可以快速生成一个导航栏组件,其中nav-bar-basic
为对应组件代码演示中的 selector 去除'demo-'前缀。
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
指定要声明的模块名