UbuntuにAngularJSをインストールして使用する方法

このガイドでは、UbuntuにAngularJSをインストールして使用する方法を説明します

AngularJS は、シングルページアプリケーションを開発するためのJavaScriptベースのオープンソースフロントエンドWebフレームワークでした。これは主にGoogleと個人および企業のコミュニティによって維持されていました。

これは、クライアント側のモデル-ビュー-コントローラー（MVC）およびモデル-ビュー-ビューモデル（MVVM）アーキテクチャーのフレームワークを、Webアプリケーションおよびプログレッシブで一般的に使用されるコンポーネントとともに提供することにより、このようなアプリケーションの開発とテストの両方を簡素化することを目的としています。 Webアプリケーション。

AngularJSは、MongoDBデータベース、Express.js Webアプリケーションサーバーフレームワーク、AngularJS自体（またはAngular）、およびNode.jsサーバーランタイム環境で構成されるMEANスタックのフロントエンドとして使用されました。

インストール

以下の手順に従ってください

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

sudo apt update && sudo apt upgrade

UbuntuにNode.jsをインストールする

その後、 npmを使用します（ノードパッケージマネージャー） AngularJSをインストールする。

npm Node.JSのデフォルトのパッケージマネージャーです Linuxシステムの場合。それで、Ubuntuシステムにインストールします。

Node.JSリポジトリを追加します。また、 Node.js 14をインストールします node.js 16以降のUbuntuで Angularではサポートされていません

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

次に、Ubuntuにnode.jsをインストールします

sudo apt install nodejs -y

以下に示すように、node.jsのバージョンとnpmのバージョンを確認してインストールを確認します。

node -v

上記のコマンドはnpmJavaScriptパッケージマネージャーもインストールするので、npmバージョンを更新します。

sudo npm install npm@latest -g

UbuntuにAngularJSをインストールする

システムにAngulaJSをインストールし、以下のコマンドを使用して最新バージョンのAngulaJSをUbuntuにインストールします

sudo npm install -g @angular/cli

AngularCLIの最新バージョンはubuntu20.04、21.04、18.04にインストールされます

次を実行して、インストールされているAngularのバージョンを確認または確認します：

ng version

注：

UbuntuのAngularCLIに特定のバージョンをインストールできます。

npm install -g @angular/cli@10    #Angular 10
npm install -g @angular/cli@9     #Angular 9
npm install -g @angular/cli@8     #Angular 8

新しいAngularアプリケーションを作成する

これで、「 ng」を使用できます「新しいAngularアプリケーションを作成するコマンド。

例： UnixcopVisitorsというデモアプリケーションを作成します AngularJSを使用します。

ng new UnixcopVisitors

このコマンドは、ディレクトリ UnixcopVisitorsを作成します Angularアプリケーションに必要なすべてのファイルを含む現在のディレクトリにあります。

Angularアプリケーションを提供する

Angularアプリを作成したら、アプリディレクトリに移動し、以下に示すようにアプリケーションを提供します。

cd UnixcopVisitors
ng serve

以下に示すように、URL http：// localhost：4200を使用してWeb上のアプリケーションにアクセスします

注：

また、以下を使用して、アプリケーションが実行されているホストとポートを変更できます。

ng serve --host 0.0.0.0 --port 8080

結論

以上です

Ubuntu20.04にAngularJSをインストールして使用する方法を紹介しました

ありがとう…。