Angular2 を使ってみる

参考

目次

angular-cli のインストール

$ yarn global add angular-cli

angular-cli のコマンド

プロジェクトの作成(ng new)

$ ng new プロジェクト名

サーバーの起動(ng serve)

$ ng s

http://localhost:4200/ にサーバーが起動します。

ユニットテスト(ng test)

$ ng t

E2Eテスト(ng e2e)

$ ng e2e

雛形の作成(ng generate)

$ ng g 雛形 雛形名
Scaffold Usage
Component ng g component my-new-component
Directive ng g directive my-new-directive
Pipe ng g pipe my-new-pipe
Service ng g service my-new-service
Class ng g class my-new-class
Interface ng g interface my-new-interface
Enum ng g enum my-new-enum

ビルド(ng build)

$ ng b -prod

dist ディレクトリにビルドされます。

$ ng s --prod

便利そうなjavascriptライブラリ(メモ)

CSSプリプロセッサ(node-sass)

$ yarn add node-sass --dev

新規プロジェクト作成時なら、

$ ng new sassy-project --style=sass

プロジェクト作成後に、途中からsassに変更する場合、

$ ng set defaults.styleExt scss

マテリアルデザイン(angular2-material)

Flux(waltz)

日付の操作(moment)

IndexedDBの操作(Dexie)