はじめに

Angulerの環境構築の手順について、解説します。

前提条件

ngularプロジェクトを始める前に、以下のソフトウェアがインストールされていることを確認してください。

これらはAngular CLIとプロジェクトの依存関係管理に必要です。

Angular CLIは、プロジェクトの作成、開発、ビルド、デプロイを効率化するためのツールです。コマンドラインで以下のコマンドを実行してインストールします。

npm install -g @angular/cli

このコマンドは、Angular CLIをグローバルにインストールし、どのディレクトリからでもアクセスできるようにします。

Angular CLIを使用して新しいプロジェクトを作成するには、次のコマンドを実行します。

ng new todo-app

このコマンドを実行すると、いくつかの質問が表示されます。これには、プロジェクト名やスタイルシートの形式などが含まれます。適切なオプションを選択してプロジェクトの設定を完了します。

プロジェクトディレクトリに移動し、以下のコマンドを実行してローカル開発サーバーを起動します。

cd todo-app
ng serve

デフォルトで http://localhost:4200/ でアプリケーションが起動します。ブラウザでこのURLを開くと、作成したばかりのAngularアプリケーションが表示されます。

これで、基本的なAngularプロジェクトのセットアップが完了しました。
次回はさまざまな機能を追加して、TODOアプリを作ってみたいと思います！