添加项目
使用 ng add 命令可以快速创建项目目录,并且可以通过 CLI 选项配置 ng-matero 的主题风格等。
1、必须创建一个 Angular 项目,建议采用最新的 CLI 版本(8.x)创建,低版本可能会有兼容问题。
1
$ ng new <project-name>
2
$ cd <project-name>
Copied!
CSS 预处理器最好选择 Scss (Sass),使用其它预处理器则无法使用 Angular Material 及 ng-matero 提供的样式变量。
2、添加 ng-matero
1
$ ng add ng-matero
Copied!

初始化选项

在添加项目的时候会有预构建选项,它可以更快速地定制主题。
    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)
    是否开启动画
Last modified 1yr ago
Copy link