Angular 2-CLI

コマンドラインインターフェイス(CLI)を使用して、AngularJSアプリケーションを作成できます。また、アプリケーションのユニットテストとエンドツーエンドテストの作成にも役立ちます。

AngularCLIの公式サイトは https://cli.angular.io/

[開始]オプションをクリックすると、CLIのgithubリポジトリに移動します https://github.com/angular/angular-cli

それでは、AngularCLIでできることのいくつかを見てみましょう。

CLIのインストール

Note−Pythonがシステムにインストールされていることを確認してください。Pythonはサイトからダウンロードできますhttps://www.python.org/

最初のステップは、CLIをインストールすることです。次のコマンドでこれを行うことができます-

npm install –g angular-cli

次に、任意のディレクトリにangularCLIという新しいフォルダを作成し、上記のコマンドを発行します。

完了すると、CLIがインストールされます。

プロジェクトの作成

Angular JSプロジェクトは、次のコマンドを使用して作成できます。

構文

ng new Project_name

パラメーター

Project_name −これは作成する必要のあるプロジェクトの名前です。

出力

無し。

次のコマンドを実行して、新しいプロジェクトを作成しましょう。

ng new demo2

ファイルが自動的に作成され、必要なnpmパッケージのダウンロードが開始されます。

これで、Visual Studioコードで、新しく作成したプロジェクトを開くことができます。

プロジェクトの実行

プロジェクトを実行するには、次のコマンドを発行する必要があります-

ng server

実行中のアプリケーションのデフォルトのポート番号は4200です。ポートを参照して、実行中のアプリケーションを確認できます。