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

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

このチュートリアルでは、Ubuntu 20.04 LTSにAngularをインストールする方法を紹介します。知らなかった方のために、Angularはシングルの開発に役立つJavaScriptオープンソースフレームワークです。 -Web /モバイル/デスクトップに適したページWebアプリケーション。Angularは、宣言型テンプレート、依存関係の挿入、エンドツーエンドのツール、統合されたベストプラクティスを組み合わせて、開発の課題を解決します。Angularは、開発者がWeb、モバイル、またはデスクトップ。

この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、サイトを独自のVPSでホストしていることを前提としています。インストールは非常に簡単で、ルートアカウントで実行されていますが、そうでない場合は、' sudoを追加する必要があります。 ‘ルート権限を取得するコマンドに。 Ubuntu 20.04FocalFossaにAngularを段階的にインストールする方法を紹介します。 Ubuntu 18.04、16.04、およびLinuxMintなどの他のDebianベースのディストリビューションでも同じ手順に従うことができます。

Ubuntu 20.04 LTSFocalFossaにAngularをインストールする

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

sudo apt update
sudo apt upgrade

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

ノードソースからNode.jsとnpmをインストールします。インストールするバージョンのPPAを追加するだけです:

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

インストールするには、以下のコマンドを実行します:

sudo apt install nodejs

次に、次のコマンドを実行して、npmバージョンを最新バージョンに更新します。

npm install npm@latest -g

完了したら、次を実行してインストールを確認します:

node --version
npm --version

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

次のコマンドを実行して、システムにAngularCLIツールをインストールします。

npm install -g @angular/cli

インストールしたら、次のコマンドを使用して、インストールされているAngularのバージョンを確認します。

$ ng --version

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


Angular CLI: 10.1.1
Node: 14.10.1
OS: linux x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1001.1
@angular-devkit/core         10.2.1
@angular-devkit/schematics   10.2.1
@schematics/angular          10.2.1
@schematics/update           0.1001.2
rxjs                         6.6.4

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

Angularがインストールされたので、新しいアプリケーションの基本的なスキャフォールディングを作成できます。これを実現するには、新しくインストールしたAngularCLIを使用します。

ng new idroot

まず、アプリケーション用に新しく作成されたディレクトリに移動します:

cd idroot
ng serve --host your-server-ip --port 8088

ステップ5.AngularWebインターフェイスへのアクセス。

Angularプロジェクトがデプロイされ、ポート8088でリッスンしています。URL http:// your-server-ip-address:8088<を使用してアクセスできます。 / code> 。次の画面が表示されます。

おめでとうございます!Angularが正常にインストールされました。Ubuntu20.04LTS Focal FossaシステムにAngularをインストールするためにこのチュートリアルを使用していただき、ありがとうございます。追加のヘルプや役立つ情報については、Angularの公式Webサイトを確認することをお勧めします。


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

  2. Ubuntu20.04LTSにPlayOnLinuxをインストールする方法

  3. Ubuntu20.04LTSにMariaDBをインストールする方法

  1. Ubuntu 20.04 LTS/21.04にAnsibleをインストールする方法

  2. Ubuntu 20.04 LTS/21.04にMinikubeをインストールする方法

  3. Ubuntu18.04LTSにSpotifyをインストールする方法

  1. Ubuntu18.04LTSにPrometheusをインストールする方法

  2. Ubuntu18.04LTSにMemcachedをインストールする方法

  3. Ubuntu18.04LTSにVestaCPをインストールする方法