Ubuntu22.04LTSにAngularJSをインストールする方法

このチュートリアルでは、Ubuntu22.04LTSにAngularJSをインストールする方法を紹介します。 ご存じない方のために説明すると、AngularJSは動的なWebアプリケーションを構築するためにGoogleが開発したJavaScriptフレームワークです。 jQuery、Knockout、Handlebars、PagerJsなどの他のオプションと比較すると、Angularは完全なソリューションを統合しており、最新のテクノロジーを使用した開発で古いPHPを放棄することができます。

この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、自分のVPSでサイトをホストしていることを前提としています。 インストールは非常に簡単で、rootアカウントで実行していることを前提としています。そうでない場合は、’を追加する必要があります。sudo‘root権限を取得するコマンドに。 Ubuntu 22.04（Jammy Jellyfish）にAngularJSJavaScriptフレームワークを段階的にインストールする方法を紹介します。 Ubuntu 22.04や、Linux Mint、Elementary OS、Pop！_OSなどの他のDebianベースのディストリビューションでも同じ手順に従うことができます。

前提条件

• 次のオペレーティングシステムのいずれかを実行しているサーバー：Ubuntu 22.04、20.04、およびLinuxMintなどの他のDebianベースのディストリビューション。
• 潜在的な問題を防ぐために、OSの新規インストールを使用することをお勧めします。
• サーバーへのSSHアクセス（またはデスクトップを使用している場合はターミナルを開く）。
• A non-root sudo userまたはへのアクセス root user。 として行動することをお勧めします non-root sudo userただし、ルートとして機能するときに注意しないと、システムに害を及ぼす可能性があるためです。

Ubuntu 22.04 LTSJammyJellyfishにAngularJSをインストールします

手順1.まず、次のコマンドを実行して、すべてのシステムパッケージが最新であることを確認します。 apt ターミナルのコマンド。

sudo apt update
sudo apt upgrade
sudo apt install build-essential curl file git

ステップ2.Node.jsをインストールします。

次に、以下のコマンドを使用してNode.JSリポジトリを追加します。

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

リポジトリが正常に追加されたら、次のコマンドを実行して、Ubuntu22.04にNodejsをインストールします。

sudo apt install nodejs

次のステップは、npmバージョンを更新することです。

sudo npm install npm@latest -g

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

npm -v
node -v

ステップ3.Ubuntu22.04にAngularJSをインストールします。

デフォルトでは、AngularJSはUbuntu22.04ベースリポジトリでは利用できません。 次に、AngularJSをUbuntuにインストールします。 npm 指図：

sudo npm install -g @angular/cli

インストールが完了したら、AngularCLIのバージョンを確認しましょう。

ng version

出力：

_                      _                 ____ _     ___
    /    _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △  | '_  / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ | | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   __| |_|__, |__,_|_|__,_|_|       ____|_____|___|
                |___/


Angular CLI: 13.4.0
Node: 16.14.2
Package Manager: npm 8.6.4
OS: linux x64

Angular: 
... 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1303.0 (cli-only)
@angular-devkit/core         13.3.0 (cli-only)
@angular-devkit/schematics   13.3.0 (cli-only)
@schematics/angular          13.3.0 (cli-only)

ステップ4.サンプルのAngularアプリケーションを作成します。

次に、次のコマンドを使用して新しいAngularCLIプロジェクトを作成します。

ng new [new-project-name]

次に、プロジェクトの名前で作成されたフォルダーにアクセスします。

cd [new-project-name]

すべてをテストするには、次を実行します。

ng serve

Angularアプリケーションを実行するためのホストとポートを変更するには、 –host と –port コマンドライン引数：

ng serve – host [host_ip] – port [port]

手順5.AngularJSWebインターフェイスへのアクセス。

正常にインストールされたら、Webブラウザーを開き、URLを入力します http://your-IP-address:4200。 Angularアプリケーションにリダイレクトされます。

おめでとう！ AngularJSが正常にインストールされました。 AngularJSJavaScriptフレームワークをUbuntu22.04LTSJammyJellyfishシステムにインストールするためにこのチュートリアルを使用していただきありがとうございます。 追加のヘルプまたは有用な情報については、チェックすることをお勧めします AngularJSの公式ウェブサイト。