2. 開発環境の準備 — Node.jsとAngular CLI

Angularの開発にはNode.js(v20以上)が必要です。まず node --version でバージョンを確認し、足りなければ公式サイトからLTS版をインストールします。次に npm install -g @angular/cli でAngular CLIを入れます。CLIはプロジェクトの作成・開発サーバーの起動・ファイルの雛形生成までを担当する、Angular開発の相棒となるコマンドラインツールです。

プロジェクトの作成は ng new my-app の一発です。いくつか質問されますが、最初はすべてEnterで既定のままで問題ありません。作成後に cd my-app して ng serve を実行し、ブラウザで http://localhost:4200 を開いて初期画面が表示されれば、開発環境の準備は完了です。

つまずきやすいのは、Node.jsが古くて ng new が失敗するケースと、会社のプロキシ環境で npm install が止まるケースです。エラーが出たらまず node --version を疑いましょう。また ng serve は起動したターミナルを開いたままにしておく必要があり、閉じるとサーバーも止まります。