Visual Studio Code で Angular を設定するためのステップバイステップガイド

ステップ1: Visual Studio Codeをインストールする

まずは、こちらからVisual Studio Codeをダウンロードしてください。ダウンロード後、ダウンロードフォルダに移動し、インストーラーをダブルクリックして、画面の指示に従ってインストールを完了してください。

ステップ2: NodeJSをインストールする

Angularは実行環境としてNodeJSを使用しています。nodejs.orgにアクセスしてNodeJSインストーラーをダウンロードしてください。インストール先は覚えやすい場所（例： ）にしてください D:\NodeJS。

プロのヒント: NodeJS への将来のアクセスを簡素化するために、短いインストール パスを選択してください。

ステップ3:環境変数を設定する

NodeJSの環境変数を設定することは必須です。以下の手順に従ってください。

• を押して Win + S、「環境変数」と入力して開きます。
• NodeJS インストール パス (例: D:\NodeJS ) をコピーします。
• 環境変数ウィンドウで、システム変数セクションで Path を選択し、編集をクリックします。
• 新しいエントリを追加し、コピーした NodeJS の場所を貼り付けて、[OK] をクリックします。

設定が完了したら、コマンドプロンプトで変数を実行してテストします node –version 。バージョン番号が返された場合は、Angularのインストールに進みます。

ステップ4: Angular CLIをインストールする

環境が準備できたので、Angularをインストールできます。以下の手順に従ってください。

• Visual Studio Code を起動します。
• コマンドを使用して、目的のプロジェクト ディレクトリに移動します cd 。
• 実行して npm install -g @angular/cli Angular CLI をグローバルにインストールします。
• で新しい Angular プロジェクトを作成します ng new yourProjectName。
• を使用してプロジェクト フォルダーに入り cd yourProjectName 、 を使用して開発サーバーを起動します ng serve。

これで、Angular アプリが問題なく実行されていることを確認できるはずです。

プロのヒント:エラーを回避するために、コマンドを実行する前にプロジェクト ディレクトリにいることを確認してください ng serve 。

Angular CLI とは何ですか?

ng serve コマンドを実行できない場合はどうすればよいですか?