Angular2-cli

提供:Dev Guides
移動先:案内検索

角度2-CLI

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

Angular CLIの公式サイトはhttps://cli.angular.io/です

angular.io

[開始]オプションをクリックすると、CLI [[1]]

Angular.cli

次に、Angular CLIでできることのいくつかを見てみましょう。

CLIのインストール

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

Python

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

npm install –g angular-cli

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

Angular.cli Directory

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

CLIインストール済み

プロジェクトを作成する

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

構文

ng new Project_name

パラメーター

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

出力

無し。

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

ng new demo2

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

npmパッケージ

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

新しく作成されたプロジェクト

プロジェクトを実行する

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

ng server

ngサーバー

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

APP Works