添加项目

使用 ng add 命令可以快速创建项目目录，并且可以通过 CLI 选项配置 ng-matero 的主题风格等。

1、必须创建一个 Angular 项目，建议采用最新的 CLI 版本（8.x）创建，低版本可能会有兼容问题。

$ ng new <project-name>
$ cd <project-name>

CSS 预处理器最好选择 Scss (Sass)，使用其它预处理器则无法使用 Angular Material 及 ng-matero 提供的样式变量。

2、添加 ng-matero

$ ng add ng-matero

初始化选项

在添加项目的时候会有预构建选项，它可以更快速地定制主题。

• Choose a prebuilt layout template (static/dynamic)

  选择布局模板类型：static 表示静态模板，项目启动后无法再通过 options 更改布局样式；dynamic 则保留了所有布局参数，项目启动后可以通过 options 动态更改布局，比如演示示例就是这种方式。

• Choose a prebuilt navigation type (side/top)

  选择导航类型：侧边栏导航或者顶部导航

• Choose a prebuilt theme style (light/dark)

  选择这题风格：明亮主题或者暗黑主题

• Choose a prebuilt direction option (ltr/rtl)

  选择文字方向：从左到右或者从右到左

• Set up HammerJS for gesture recognition (Yes/No)

  是否使用 HammerJS

• Set up browser animations for Angular Material (Yes/No)

  是否开启动画