AngularJSは開発用のフレームワークです。ここでは、ターミナルを使用してUbuntu 22.04JammyJellyFishまたはUbuntu20.04LTSFocalFossaにAngularJSをインストールするコマンドを学習します。
AngularJSとは何ですか？
AngularJSは、オープンソースの開発フレームワークプロジェクトであり、組み込みのJavascriptです。これには、Webアプリケーションを開発し、それらを実行するための一連のデザインパターンを提案するための一連の便利なライブラリが含まれています。つまり、これは、クライアント側プログラミングを使用したフロントエンドとバックエンドの両方のWebアプリ開発のためのいわゆるJavascript言語ベースのフレームワークです。
これは、フロントエンドWeb開発用にGoogleが開発したMVC（Model-View-Controller）フレームワークであり、問題なくSPA（シングルページアプリケーション）を構築できます。 Model-View-Modelを使用することにより、ロジックをデザインロジックから分離しますが、両方の部分を接続したままにします（データバインディング）。そのため、ビジュアルレイヤーはロジックレイヤーで何が起こっているかを認識しませんが、DOM（Webの本体）の制御を保持し、必要に応じてそのコンテンツを更新します。 jQuery、Knockout、Handlebars、PagerJsなどの他のオプションと比較して、Angularは完全なソリューションを統合しているため、最新のテクノロジーを使用した開発で古いPHPを放棄することができます。
Ubuntu22.04にAngularJSをインストールする手順| 20.04 Linux
AngularJSをセットアップするためにここで提供されるコマンドは、他のDebianまたはUbuntuベースのオペレーティングシステムでも同じです。 Linux Mint、POP OS、MXLinuxなど…
1。要件
このチュートリアルに従うには、次のものが必要です。
• Ubuntuその他の同様のLinux
• 非root（sudo）ユーザー
• ターミナルアクセス
• インターネット接続
2。 Ubuntu22.04にNodeJSとNPMをインストールします
NodeJSのNPMパッケージマネージャーを使用してAngularJSを簡単に取得できるため、最初に、指定されたコマンドを使用して、使用しているUbuntu22.04または20.04Linuxにインストールします。
この記事を書いている間、NodeJの最新バージョンは17でした。したがって、同じことを行います。最新バージョンはGitHubページで確認できます。
カールがインストールされていることを確認してください：
sudo apt install curl -y
ここで、NodeJsリポジトリを追加します：
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
nodeJSをインストールするコマンド
リポジトリを追加したら、APTパッケージマネージャーを使用してNodeJSとNPMをインストールしましょう：
sudo apt install nodejs
3。 NPMパッケージマネージャーを更新する
NPMはシステムに自動的にNodeJSとともに付属していますが、先に進む前に、システムに最新バージョンがあることを確認してください。
sudo npm install [email protected] -g
NPMのバージョンが最新であることを確認したら、指定されたコマンドを使用してNodeJSとNPMのバージョンを確認できます。
npm -v
nodejs -v
4。 Ubuntu22.04にAngularJSをインストールする| 20.04 LTS
これで、Ubuntu LinuxにNPMがインストールされました。これを使用して、Ubuntu22.04Jammyまたは20.04FocalでAngularJSをセットアップするためのパッケージをダウンロードしましょう。
sudo npm install -g @angular/cli
5。 AngularJSのバージョンを確認してください
インストールが完了したら、AngularCLIのバージョンを確認しましょう。
ng version
5。 Ubuntu22.04で最初のAngularアプリを作成する| 20.04
LinuxシステムにはAngularJがあります。コマンドラインを使用して最初のデモWebアプリケーションを作成してテストしてみましょう。
ng new myapp
アプリディレクトリは必要なファイルで作成されます。それに切り替えてください：
cd myapp
次に、指定されたコマンドを実行してアプリをコンパイルします。
ng serve
上記のコマンドは、4200ポートでアプリケーションをコンパイルして実行します。アプリにアクセスするには、ブラウザを開いて次の場所にポイントします。
http://localhost:4200
他のポートでアプリケーションを実行し、任意のIPアドレスからアクセスできるようにする場合は、コマンドを実行する前に同じことを宣言します。
例 ：
ng serve --host 0.0.0.0 --port 8000
結論 ：
これは、Ubuntu22.04および20.04LinuxシステムへのAgularJSのインストールに関するクイックガイドでした。このJavaベースの開発プラットフォームの詳細については、公式ドキュメントを参照してください。