Angular CLI、UbuntuでAngularアプリケーションを開発する

角度CLIについて

次の記事では、AngularCLIについて見ていきます。 それでもわからない場合 Angularはオープンソースのフロントエンドアプリケーション開発フレームワークです、人気があり、非常に拡張性があります。 TypeScript、JavaScript、およびその他の一般的な言語を使用してモバイルおよびWebアプリケーションを構築するために使用できます。 Angularは、AngularJSの後に続くすべてのバージョンのAngularの総称です。

この開発フレームワークは、小規模から大規模まで、アプリケーションを最初から構築するのに適しています。 Angularプラットフォームの重要なコンポーネントのXNUMXつ アプリケーション開発を支援するのがAngularCLIユーティリティです。 シンプルで使いやすいコマンドラインツールです。 Angularで作成されたアプリケーションを作成、管理、構築、テストするために使用されます。

次の行では、どのようにできるかを見ていきます Ubuntu19.04システムにAngularコマンドラインツールをインストールします。 このツールの基本的な例も示します。

UbuntuへのNode.jsのインストール

AngularCLIをインストールするには 現在のバージョンのNode.jsとNPMがシステムにインストールされている必要があります。 これを行うには、ターミナルを開いて(Ctrl + Alt + T)、次のように書き込む必要があります。

nodejs12をダウンロードする

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

aptnodejsのインストール

sudo apt install -y nodejs

また、ネイティブNPMプラグインをコンパイルしてインストールするには、 システムに開発者ツールをインストールする必要があるかもしれません。 そのために、同じ端末で次のことを行います。

sudo apt install -y build-essential

Ubuntu19.04へのAngularCLIのインストール

今見てきたようにNode.jsとNPMをインストールすると、次のことができるようになります。 npmパッケージマネージャーを使用してAngularCLIをインストールする 次のように。 この場合、オプション -g これは、ツールをシステム全体にインストールして、そのすべてのユーザーが使用できるようにすることを意味します。

npm角度CLIインストール

sudo npm install -g @angular/cli

インストール後、 ng実行可能ファイルを使用してAngularCLIを起動します これでシステムにインストールされます。 ターミナルで次のコマンド(Ctrl + Alt + T)を実行して、インストールされているAngularCLIのバージョンを確認します。

ngバージョン

ng --version

AngularCLIを使用したプロジェクトの作成

Ubuntu Apache
関連記事
Ubuntu18.04にApacheWebサーバーをインストールするにはどうすればよいですか?

それでは、新しい基本的なAngularプロジェクトを作成、構築、提供する方法を見てみましょう。 最初、 webrootディレクトリに移動します 私たちのサーバーから。 次に、次のように新しいAngularアプリケーションを作成します。

Angular cliAPPの作成

cd /var/www/html/

sudo ng new ubunlog-app

匿名データをAngularチームと共有するかどうかを決定する必要があります。 作成したばかりのアプリケーションのディレクトリに移動し続けます。 わたしたちは・・・にいくつもりです アプリの提供を開始します 次のようになります。

Angularコンパイル済みアプリ

cd ubunlog-app

ng serve

前のコマンドで画面が表示されます アプリケーションの動作を確認する方法を説明するリンク.

Webブラウザーからアクセスする前に、 ファイアウォールサービスを実行している場合は、ポート4200を開く必要があります 以下に示すように、これを構成する場合:

sudo ufw allow 4200/tcp

sudo ufw reload

この後、お気に入りのWebブラウザーを開き、ターミナルから提供されたURLを使用して次の場所に移動できます。 新しいアプリケーションの実行を確認する、次のスクリーンショットに示すように。

WebブラウザのAngularCLIアプリケーション

http://localhost:4200/

この他のURLを使用してアプリケーションにアクセスすることもできます。

http://IP_SERVIDOR:4200

コマンド "を使用する場合は言及する必要がありますngサーブ」アプリケーションを構築し、今見たようにローカルで提供するには、 ソースファイルのいずれかを変更すると、サーバーは自動的にアプリケーションを再構築し、Webページをリロードします.

取得したい場合 ngツールの詳細、ターミナルで次のコマンドを実行できます(Ctrl + Alt + T):

ngヘルプ

ng help

この記事では、実行する方法を見てきました UbuntuシステムへのAngularCLIの簡単なインストール、開発サーバーでの基本的なアプリケーションの構築、コンパイル、および提供に加えて。

これらは、AngularCLIで実行できる最も基本的な最初のステップにすぎません。 ために AngularCLIの詳細を参照してください、私たちは相談することができます プロジェクトの公式ウェブサイト.


コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。