前回は新規Angularプロジェクトの作成とサーバ起動まで行いました。
今回は起動して最初に表示されるページの内容を変更してみましょう。
- vscodeでAngularのプロジェクトが格納されているディレクトリに移動する。
- app.component.htmlの中身を全て削除。
<h1>テストページ</h1>
と入力。
-
ng serve
のコマンドを実行する。 -
http://localhost:4200/を開く。
↓app.component.htmlに書いた内容が反映されていることがわかる。