AngularでHello Worldしてみる(for Windows)

AngularでHello Worldする

本記事ではAngular CLIを使ってHello Worldするまでを説明します。

Angular CLIを使ってHello Worldするところまでを説明します。 Webアプリケーションを作成して、ローカル環境でサーバ立ち上げて、 localhost:8080で繋いで・・・ってやつです。    

Angular開発環境構築手順(for Windows)がまだ完了していない方は以下参考にしてみて下さい。

>>Angular開発環境構築手順(for Windows)

環境について

AngularでHello Worldするまでの手順

１．Angular CLIでプロジェクトを新規作成する

Visual Stuido Codeを起動し、PowerShellを立ち上げます。

以下コマンドでプロジェクトを新規作成します。

> ng new helloWorld

以上でプロジェクト新規作成は完了です。  

２．ローカルPCでWebサーバを起動する

作成したプロジェクトにカレントディレクトリを移します。

> cd helloWorld

Webサーバを起動します。

> ng serve

ファイアウォールの警告はアクセスを許可します。

Google Chromeで「http://localhost:4200」にアクセスします。

以上でAngularのHello Worldは完了です。

AngularでHello Worldができたら、Angular CLIについて詳しく中身を見て理解を深めてみましょう。

>>Angular CLIについて確認する(Angularの開発を始める前に抑えておくべきこと)