Angular2 + Angular Materialでプロジェクト作成する

Angular CLIのインストール

$ npm install -g angular-cli

#プロジェクトの作成

$ ng new my-project
$ cd my-project

Angular Materialのインストール

$ npm install --save @angular/material

なお公式ドキュメントはここ→https://material.angular.io/guides

スタイリングのデフォルトをSCSSに変更

$ ng set default.styleExt scss

これをやると.angular-cli.jsonのdefaultsに"styleExt": "scss",が追記される。

.angular-cli.json

  "defaults": {
    "styleExt": "scss",
    "component": {
    }

参考までにメモ

プロジェクトを新規作成するときに指定することも可能。

$ ng new my-project --style=sass`

SCSSシンタックスでプロジェクトを新規作成したい場合は以下。

$ ng new my-project --style=scss

以上です。