Posted at

Angularのチュートリアルで使うコマンド

Angularのチュートリアルを実行して雰囲気を掴んだ。その後、なにか自前Webアプリケーションを作ってみようとするも、コンポーネント作ったりするコマンドをいちいち見返すのが大変なので、ここにまとめることとします。


プロジェクトを作る

ng new angular-tour-of-heroes


アプリケーションをサーブする

cd angular-tour-of-heroes

ng serve --open


heroesコンポーネントを作成する

ng generate component heroes


hero-detailコンポーネントを作成する

ng generate component hero-detail


HeroServiceを作成する

ng generate service hero


MessageComponent,MessageServiceを作成する

ng generate component messages

ng generate service message


AppRoutingModuleを作成する

ng generate module app-routing --flat --module=app


ダッシュボードビューを作成する

ng generate component dashboard


データサーバーをシミュレートする

npmからインメモリWebAPIをインストールし、InMemoryDataサービスを作成します。

npm install angular-in-memory-web-api --save

ng generate service InMemoryData


HeroSearchComponentを作成する

ng generate component hero-search


おわり

以上です。