Angular2+でOnsenUIを使うまで

Angular2+でプロジェクトを作り、OnsenUIを使うまでの手順。
Node.JSはインストール済みの前提。

１．angular-cliをインストール
以下のコマンドを実行。

npm install -g @angular/cli

２．angularプロジェクトを作成
以下のコマンドを実行。

ng new my-app
cd my-app

3.OnsenUIを導入
以下のコマンドを実行。

npm install onsenui ngx-onsenui --save

４．OnsenModuleのインポート
"src\app\app.module.ts"にモジュールをインポートする記述を追加。

import { OnsenModule } from 'ngx-onsenui';

imports: [
   BrowserModule,
   OnsenModule,
],

５．CUSTOM_ELEMENTS_SCHEMA 読み込み
"src\app\app.module.ts"に"ons-" タグを書いても警告が出なくなる記述を追加

import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

  schemas: [
      CUSTOM_ELEMENTS_SCHEMA,
  ],

６．CSSファイル読み込み
".angular-cli.json"にcss読み込みのコードを追記。

      "styles": [
        "../node_modules/onsenui/css/onsenui.css",
        "../node_modules/onsenui/css/onsen-css-components.css",
        "styles.css"
      ],

７．適当に編集して実行 以下のコマンドを実行。

ng serve --open

【参考】
AngularJS QuickStart
OnsenUI Angular 2+