Ubuntu 24.04 に Angular をインストールする方法

Angular.js は、動的アプリケーションを作成するための、無料でアクセスできる JavaScript プラットフォームです。 HTML の構文をテンプレート言語として拡張することで、アプリケーションのさまざまな側面を迅速かつ明確に表現できます。 Angular.js は、コードの作成、更新、テストに役立つさまざまなツールを提供します。さらに、ルーティングやフォーム管理などの多くの機能も提供します。 このガイドでは、Ubuntu 24 に Angular をインストールする方法について説明します。まず、Node.js をインストールする必要があります。 Node.js は、Chrome V8 エンジンに基づく JavaScript ランタイム環境で、サーバー側で JavaScript コードを実行できます。 Ubuntu 24 に Angular をインストールするには、まず Node.js をインストールする必要があります。このプロセスは、次の手順に従って完了できます。 1. ターミナル ウィンドウを開き、次のコマンドを実行してパッケージ リストを更新します。 「」 sudo aptアップデート 「」 2. 次に、Node.js と npm (Node.js パッケージ マネージャー) をインストールします。 「」 sudo apt install nodejs npm 「」 3. Node.js と npm が正常にインストールされているかどうかを確認します。次のコマンドを実行すると、それらのバージョンを確認できます。 「」 ノード -v npm -v 「」 4. 次に、npm を使用して Angular CLI (コマンド ライン インターフェイス) をインストールできます。これは

システムの更新とアップグレード

インストールする前に、必ずシステムアップデートを完了してください。新しいインストールを問題なくスムーズに有効にするには、Ubuntu 24 システムを更新する必要があります。したがって、「apt」ユーティリティを使用すると、単一のコマンドで更新とアップグレードの操作を実行できます。

sudo apt アップデート&& sudo apt アップグレード

＃＃＃彼は言った：＃＃＃

このコマンドを実行すると、システムは設定されたスペースをアップグレードおよび更新プロセスに割り当て、操作を確認するよう求めます。操作は「y」または「n」をクリックすることで完了します。したがって、更新プロセスを完了するには「y」キーを押す必要があります。その後、システムはアップデートとアップグレードを正常に完了します。

新しいバージョンをインストールします Angular と Node.js を正常にインストールするには、事前に他のユーティリティを依存関係としてインストールする必要があります。これらの依存関係には、git、wget、curl などが含まれます。 Angular と Node.js をインストールする前に、これらの依存関係がインストールされていることを確認する必要があります。コマンド ライン シェルで適切なパッケージ管理ツール (apt など) を使用してこれらの依存関係をインストールし、すべてが正常にインストールされるまで待つことができます。こうすることで、Angular と Node.js をスムーズにインストールでき、これらの依存関係により適切に実行できるようになります。したがって、Angular と Node.js のインストールに進む前に、必要な依存関係がすべて適切に配置されていることを確認してください。これにより、その後の開発作業の良い基盤が築かれます。

Sudo apt installcurl gnupg2 gnupg git wget—y

＃＃＃彼は言った：＃＃＃

node.jsをインストールします

ANGLE アプリケーションは Node.js なしでは動作できません。これが主な要件です。したがって、Ubuntu 24 に ANGLE をインストールする前に、まず Node.js をインストールする必要があります。さらに、Node.js では、NVM コマンド ライン ユーティリティをインストールする必要があります。したがって、まずターミナル シェルから「curl」ユーティリティを使用して、公式 Github リポジトリから NVM ユーティリティをインストールしました。この手順を実行すると、NVM ユーティリティがダウンロードされ、インストールされたことがわかります。 Sudo カール https://raw.githubusercontent.com/creationix/nvm/master/install.sh|bash

＃＃＃彼は言った：＃＃＃

Ubuntu 24 Linux システムで NVM 環境を有効にすることも必要です。したがって、システムが新しくインストールされた NVM ユーティリティの効果を取得して環境をセットアップできるように、ソース命令を使用して「bashrc」ファイルを実行します。

ソース～/.bashrc

＃＃＃彼は言った：＃＃＃

環境を作成した後、Ubuntu 24 システムはその側に Node.js をインストールできます。これを行うには、ターミナル シェルで使用されるインストール手順から新しくインストールされた「nvm」ユーティリティを使用します。この手順に従って、最新バージョンの Node.js18 を Ubuntu システムにインストールします。さらに、NVM ツールはノード パッケージ マネージャーと Node.js をインストールします。まず、公式 Web サイトからノード バージョン 18.19.1 をダウンロードしてインストールします。その後、チェックサムを計算し、デフォルトのエイリアスを作成します。

NVM のインストール 18

＃＃＃彼は言った：＃＃＃

Node.js が正常にインストールされたら、Node.js がシステムにインストールされていることを確認する必要があります。これを行うには、「node」キーワードで始まる「version」コマンドを使用して、インストールされているバージョンを確認する必要があります。さらに、前の NVM インストール手順では、NPM (Node Package Manager) と Node.js をインストールしました。したがって、NPM バージョンも探す必要があります。両方のコマンドの出力には、以下に示すようにバージョンが表示されます。

ノード—v

NPM—V

＃＃＃彼は言った：＃＃＃

ANGLE CLI のインストール

すべての依存関係 (NPM と Node.js を含む) をインストールしたら、Angular コマンド ライン インターフェイスをインストールする最後の手順を実行します。このために、Ubuntu 24 のターミナル シェルで NPM (Node Package Manager) を使用します。 sudo 権限を使用して、これらのインストール手順を実行できます。このコマンドには、公式 ANGLE CLI パッケージへのリンクが含まれています。 「-Location」フラグは、Ubuntu 24 システム用の Angular CLI をグローバル レベルで追加するために設定されており、現在のプラットフォームのすべてのユーザーがアクセスできます。

Npm install @angular/config—location = global

＃＃＃彼は言った：＃＃＃

Angular CLI の処理が完了するまでしばらく待つと役に立ちます。いくつかの処理の後、ANGLE CLI パッケージが追加され、正常にインストールされました。その結果、ターミナル画面に次のような出力が表示されます。2 分間で 232 個のパッケージが追加されました。

次に、ANGLE CLI のインストールを確認します。 angular CLI でコマンドを実行するのに役立つ「ng」コマンドが付属しています。それでは、「ng」コマンドのインストールされているバージョンを見つけてみましょう。 version コマンドの実行に関するいくつかの質問に答えると、次の出力が得られます。これには、ANGLE、Node、NPM、および OS のバージョンに関する情報も含まれています。パッケージとそのインストールされているバージョンに関する情報も最後に表示されます。

NGバージョン

＃＃＃彼は言った：＃＃＃

Angularアプリケーションの作成

今度は、Angular CLI を使用して、Ubuntu 24 で新しい Angular アプリケーションを作成します。 「ng」ディレクティブを使用して Angular CLI のバージョンを確認したのと同じように、「test」という新しいアプリケーションを作成し、「new」キーワードを使用するためにもそれを使用します。実行中に、特定の質問が行われます。好みに応じてこれらの質問に答えていただければ、新しいアプリケーション パッケージが正常にインストールされます。

NG新しいテスト

＃＃＃彼は言った：＃＃＃

しばらくすると、「test」という名前の新しい Angular アプリケーションが作成されます。以下に添付した出力に示すように、新しい「test」ディレクトリが作業ディレクトリに生成されました。

「テスト」Angular アプリケーションを作成した後、それを実行する必要もあります。これを行うには、「test」ディレクトリに移動し、「ng」ユーティリティを使用して「SERVE」コマンドを実行します。

⑶テスト

サーブできません

＃＃＃彼は言った：＃＃＃

同じコマンドを使用して、ホストを 0.0.0.0 に設定することで、すべてのシステム インターフェイスにポート 4200 を設定することもできます。

Ng サーブ - ホスト www.example.com - ポート 4200

＃＃＃彼は言った：＃＃＃

＃＃＃＃＃＃＃＃＃結論は＃＃＃＃＃＃＃＃＃

このガイドでは、Angular 環境を利用してアプリケーションを作成する方法を説明します。この考えをサポートするために、Node.js と NPM をインストールして構成した後、Ubuntu 24 に Angular をインストールする方法を示します。最後に、Ubuntu 24 で Angular CLI を使用して Angular アプリケーションを作成する方法について詳しく説明します。

以上がUbuntu 24.04 に Angular をインストールする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。