はじめに
Angulerの環境構築の手順について、解説します。
- Angular CLIのインストール
- 新しいプロジェクトの作成
- プロジェクトの実行
前提条件
ngularプロジェクトを始める前に、以下のソフトウェアがインストールされていることを確認してください。
- Node.js (最新のLTSバージョン)
- npm (Node.jsに含まれています)
これらはAngular CLIとプロジェクトの依存関係管理に必要です。
1. Angular CLIのインストール
Angular CLIは、プロジェクトの作成、開発、ビルド、デプロイを効率化するためのツールです。コマンドラインで以下のコマンドを実行してインストールします。
npm install -g @angular/cli
このコマンドは、Angular CLIをグローバルにインストールし、どのディレクトリからでもアクセスできるようにします。
2. 新しいプロジェクトの作成
Angular CLIを使用して新しいプロジェクトを作成するには、次のコマンドを実行します。
ng new todo-app
このコマンドを実行すると、いくつかの質問が表示されます。これには、プロジェクト名やスタイルシートの形式などが含まれます。適切なオプションを選択してプロジェクトの設定を完了します。
3. プロジェクトの実行
プロジェクトディレクトリに移動し、以下のコマンドを実行してローカル開発サーバーを起動します。
cd todo-app
ng serve
デフォルトで http://localhost:4200/ でアプリケーションが起動します。ブラウザでこのURLを開くと、作成したばかりのAngularアプリケーションが表示されます。
おわりに
これで、基本的なAngularプロジェクトのセットアップが完了しました。
次回はさまざまな機能を追加して、TODOアプリを作ってみたいと思います！