GNU/Linux >> Linux の 問題 >  >> Ubuntu

Ubuntu 20.04/22.04にAngularJSをインストールする方法

Javascriptは、フロントエンドアプリケーションとバックエンドアプリケーションの両方を開発するために使用される一般的なスクリプト言語です。アプリケーションの開発作業を容易にするために、Javascriptフレームワークが開発されました。フレームワークは、ルーチンのプログラミングタスク用に事前に記述されたコードをプログラマーに提供するJavascriptライブラリのコレクションです。フレームワークは、開発のロープをまだ学んでいる経験の浅い開発者にとって特に有益です。それは彼らがクリーンで効率的なコードを開発することを可能にします。簡単に言えば、アプリケーションの開発にかかる時間と労力を節約するのに役立ちます。

最も人気のあるJavascriptフレームワークの1つは、AngularJSです。これは、MiskoHeveryとAdamAbronsによって最初に開発され、後にGoogleによって取得および保守された最新のJavascriptフレームワークです。これは、高品質で動的なアプリケーションを開発するための安定した優れたフレームワークです。このガイドでは、Ubuntu Focal Fossa(Ubuntu 20.04)へのAngularJSのインストールについて説明します

ステップ1:Ubuntuを更新する

すぐにインスタンスにログインし、次のようにパッケージインデックスを更新します。

$ sudo apt update

パッケージインデックスを更新したら、次の手順に進みます。

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

AngularはJavaScriptフレームワークです。したがって、Ubuntu20.04にJavascriptランタイム環境をインストールする必要があります。次のようにcurlユーティリティがインストールされていることを確認してください。すでにcurlをインストールしている場合は、この手順を無視できます。

$ sudo apt install -y curl

その後、次のスクリプトを使用して、ソースからノードセットアップをダウンロードします。コマンドを実行します:

$ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -

この後、次のようにnodeJSをインストールします。

$ sudo apt install -y nodejs

その後、示されているコマンドを実行して、最新バージョンのnpmをインストールします。

$ sudo npm install [email protected] -g

次のコマンドを使用して、npmとノードがインストールされていることを確認します。

 $ npm -v
 $ node -v

ステップ3:AngularJSをインストールする

npmがインストールされたら、npmコマンドを使用してUbuntuにAngularJSをインストールできます。

$ sudo npm install -g @angular/cli

インストールが完了するまでに数分かかります。完了したら、次のようにAngularJSのバージョンを確認します。

$ ng version

上記のAngularCLIが表示されます。

ステップ4:Angularアプリケーションを作成する

Angularがシステムに正常にインストールされたので、先に進んで最初のAngularアプリケーションを作成できます。まず、次のコマンドを使用してアプリケーションを作成します:

$ ng new hello-world

上記のコマンドは、Angularアプリケーションに必要なファイルを含むhello-worldという名前のディレクトリを作成します。

次に、上で作成したアプリに移動します:

$ cd hello-world

次に、次のコマンドを実行してアプリケーションをコンパイルします。

$ ng serve

デフォルトでは、ngserveコマンドはポート4200でアプリケーションを実行します 。アプリケーションにアクセスするには、URL http:// localhost:4200にアクセスしてください。

これで、Angularアプリケーションのコンパイルと実行に成功しました。

アプリケーションを実行するホストとポートを指定するオプションがあります。この場合、アプリケーションをホスト0.0.0とポート8000​​で実行します。次のコマンドを使用します。

$ ng serve --host 0.0.0.0 --port 8000

結論

Ubuntu22.04でAngularを使用してWebアプリケーションを開発できるようになりました。


Ubuntu
  1. Ubuntu20.04LTSにAngularをインストールする方法

  2. Ubuntu 18.04/20.04にGIMPをインストールする方法

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

  1. Ubuntu 22.04/20.04にMongoDBをインストールする方法

  2. Ubuntu 20.04/22.04にNode.jsをインストールする方法

  3. Ubuntu 20.04/22.04にJoomlaをインストールする方法

  1. Ubuntu 22.04/20.04にPHP8をインストールする方法

  2. Ubuntu 22.04/20.04にAngularJSをインストールする方法

  3. Ubuntu 20.04/22.04にDrupalCMSをインストールする方法