【Angular入門（2）】ひとまずHello Worldしてみる(Windows編)

はじめに

前回の記事で、Angular開発環境構築手順(for Windows)について説明しました。

【Angular入門（1）】開発環境をWindowsに構築してみる

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

Webアプリケーションを作成して、ローカル環境でサーバ立ち上げて、

localhost:8080で繋いで・・・ってやつです。

環境

前提

Angularの開発環境構築済みの前提で説明します。

まだの場合は以下を参考に事前に環境構築を完了させて下さい。

【Angular入門（1）】開発環境をWindowsに構築してみる

手順

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

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

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

> ng new helloWorld

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

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

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

> cd helloWorld

Webサーバを起動します。

> ng serve

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

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

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