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

Debian 11にAngularCLIをインストールするにはどうすればいいですか?

Javascriptについて話している場合、AngularJSもどこかにある可能性が非常に高くなります。今日、この投稿では、Debian 11にAngularCLIをインストールする方法を学びます。このツールを使用すると、AngularJSプロジェクトをスムーズかつ迅速に作成できます。

AngularJSとは何ですか?

AngularJSは、動的Webアプリ用にGoogleが開発した素晴らしいオープンソースのJavaScriptフレームワークです。これは、単一ページのWebアプリケーションの開発に焦点を当てており、TypeScriptで開発されています。多くの開発者は、Angularを使用してフロントエンドを開発するのは非常に簡単であると主張しています。

Angularが非常に人気がある理由の1つは、堅牢なWebアプリケーションを構築できるフレームワークであることです。 また、SPA(シングルページアプリケーション)の構築に非常に役立ちます。また、モジュール式であるため、必要に応じてより多くの機能にアクセスできるコアとモジュールに基づいています。

Angularアプリケーションは、Angularをインストールするための要件であるNodeJSなどのライブラリによって提供される機能に依存しています。

多くの開発者は、 Angular 5を使用すると、アプリケーションのサーバー側とクライアント側でアプリケーションの状態を簡単に共有できると主張しています 。したがって、データ統合が保証されます。

Angularを使用するために、AngularCLIと呼ばれるツールがあります。 AngularCLIは、Angularアプリケーションを作成、デバッグ、公開するための標準のコマンドラインツールです。したがって、私たちの生活を楽にするために、AngularCLIをインストールする必要があります。

それでは、始めましょう。

Debian11にAngularCLIをインストールする

このツールをインストールするための主な要件は、NodeJSをインストールすることです。さあ、行きましょう。

Debian11にNodeJSをインストールする

そのため、GUIでターミナルを開くか、SSH経由でサーバーに接続します。

その後、更新します。

sudo apt update
sudo apt upgrade

次に、対応するNodeJS14リポジトリを追加する必要があります。

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

thartの後で、NodeJSをインストールできます。

sudo apt install nodejs

これで、両方のNodeJSがAngularCLIをインストールする準備が整いました。

Debian11にAngularCLIをインストールする

NodeJSが正常にインストールされたら、次のコマンドを実行してAngularCLIをインストールできます

sudo npm install -g @angular/cli

サンプル出力:

+ @angular/[email protected]
+ added 236 packages from 183 contributors in 25.041s

次に、このような新しいAngularCLIプロジェクトを作成します

ng new [project-name]

サンプル出力:

? Would you like to add Angular routing? No
? Which stylesheet format would you like to use?

パッケージは正常にインストールされました。

私の場合、exampleというテストプロジェクトを作成しました 。インストールプロセス中に、Angularに関するいくつかの質問が表示されます。

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

cd example 

そして、プロジェクトのすべての構造があります。

すべてをテストするには、

を実行します
ng serve

ローカルホストで利用できるようになりますが、ホストとポートを指定することもできます。

ng serve --host [host_ip] --port [port] 

次に、Webブラウザを開くと、前のコマンドで指定したアドレスに次のように表示されます

つまり、AngularCLIの準備が整い、Angularの作業の準備が整います。

結論

この投稿では、AngularCLIとそのインストールプロセスについて説明しました。これは非常に簡単に実行でき、そのおかげで問題なくAngularプロジェクトを作成できます。


Ubuntu
  1. Debian 10(バスター)のインストール方法

  2. Python3.9をDebian10にインストールする方法

  3. Debian10にTeamViewerをインストールする方法

  1. Debian10にMemcachedをインストールする方法

  2. Debian9にGitをインストールする方法

  3. Debian9にGoをインストールする方法

  1. Debian9にPipをインストールする方法

  2. Debian9にRをインストールする方法

  3. Debian9にRubyをインストールする方法