最新の Web 開発では、フロントエンド開発者は Angular フレームワーク (以前は AngularJS として知られていました) を使用して動的な UI 構築を処理します。NG (ng コマンド) は、Angular システムがアプリケーションをコンパイルして生成できるようにするコマンドです。さらに、Node.js はオープンソース、クロスプラットフォーム、効率的な JavaScript エンジンです。この記事の目的は、Node.js と NG コマンドをインストールする方法に関する詳細なガイドを提供することです。
Node.js のインストール手順
1. まず、最新バージョンの Node.js をダウンロードする必要があります。ご使用のシステムに適した最新バージョンは、Node.js の公式 Web サイト (https://nodejs.org/en/) で見つけることができます。さらに、このページでは Node.js に関連する詳細情報も見つけることができます。
2. ダウンロード プログラムを選択します。ダウンロード ページに入ったら、Windows、Mac など、対応するダウンロード プログラムを選択できます。
3. インストール ウィザードを使用して Node.js をインストールします: ダウンロード後、ダウンロードしたプログラムの .exe ファイル (または .dmg、.pkg、およびその他のファイル タイプ) をダブルクリックし、インストール手順に従います。インストールするウィザード。オペレーティング システムのプロンプトに従ってください。インストーラーが手順を案内します。すべてがうまくいけば、インストーラーはわずか数分で Node.js のインストールを完了します。
4. Node.js が正常にインストールされていることを確認する: インストーラーのインストール後、コマンド ライン ターミナルを開き、コマンド「node -v」を入力して、インストールが成功したかどうかを確認します。バージョン番号が正しく返された場合、インストール プロセスは成功しています。
NG (ng コマンド) 手順
コマンド ライン ターミナルを開き、コマンド「npm install -g @angular/」を入力します。 cli 」と入力して Enter キーを押します。 @angular/cli をコンピューターにグローバルにインストールするには、「npm install -g」を先頭に付けます。
コマンド ライン ターミナルを開き、コマンド「ng --version」を入力して Enter キーを押します。 AngularCLI のバージョン番号が正しく返された場合は、正常にインストールされています。
コマンド ライン ターミナルに「ng new project-name」と入力して、新しい Angular プロジェクトを作成します。ここで、「プロジェクト名」は作成するアプリケーションの名前を表します。別の場所に新しい Angular プロジェクトを作成する必要がある場合は、cd プロジェクト名 (cd new-project など) を入力してプロジェクト ディレクトリに入ります。
プロジェクト ディレクトリに移動し、「ngserve」と入力して Enter キーを押して NG を開始します。このコマンドは、ローカルホスト上で開発サーバーを起動します。その後、ブラウザに「http://localhost:4200」と入力すると、作成したばかりの Angular ブロックにアクセスできます。
概要
Web 開発の世界では、Node.js と Angular フレームワークの重要性は自明のことです。このガイドは、Node.js と NG を簡単にインストールして使用するのに役立ちます。インストールプロセスに若干の変更が加えられる場合がありますが、インストール方法は基本的に同じです。これらのスキルを習得した後も、さらに理解して習得するために学習と練習を続ける必要があります。
以上がNode.jsのインストールとNG(ngコマンド)の使い方ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
