0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

おわり

以上です。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?