【Angular】PJのひな型（AngularMaterial + Angular Flex-Layout）

概要

初期PJ生成のメモ。

以下のライブラリを使用する。

• Angular Material

  • https://material.angular.io/

• Angular Flex-Layout

  • https://www.npmjs.com/package/@angular/flex-layout

手順

Angularプロジェクトの新規作成

ng new ${PJ名} --routing --style scss

Angular Materialの追加

ng add @angular/material

• ? Choose a prebuilt theme name, or "custom" for a custom theme: Indigo/Pink

• ? Set up global Angular Material typography styles? Yes

• ? Set up browser animations for Angular Material? Yes

Angular Flex-Layoutの追加

npm install --save @angular/flex-layout @angular/cdk

• moduleに追加

import { FlexLayoutModule } from '@angular/flex-layout';
...
​
@NgModule({
    ...
    imports: [ FlexLayoutModule ],
    ...
});