Angular7-CLIプロンプト

Angular CLIを使用すると、Angularプロジェクトを簡単に開始できます。Angular CLIには、プロジェクトの作成と開始を非常に高速に行うのに役立つコマンドが付属しています。ここで、プロジェクト、コンポーネント、サービスの作成、ポートの変更などに使用できるコマンドを見ていきましょう。

Angular CLIを使用するには、システムにインストールする必要があります。同じように次のコマンドを使用しましょう-

npm install -g @angular/cli

新しいプロジェクトを作成するには、コマンドラインで次のコマンドを実行すると、プロジェクトが作成されます。

ng new PROJECT-NAME 
cd PROJECT-NAME 
ng serve //

ng serve // will compile and you can see the output of your project in the browser −

http://localhost:4200/

4200は、新しいプロジェクトが作成されるときに使用されるデフォルトのポートです。次のコマンドでポートを変更できます-

ng serve --host 0.0.0.0 --port 4201

AngularUpdateのコマンド

アプリケーションとその依存関係を更新する場合は、次のコマンドを使用できます-

ng update @angular/cli @angular/core

コアフレームワークを最新バージョン、つまりAngular7とangular-cliに更新します。上記のコマンドは、次のオプションで使用できます-

Angularの重要なコマンドリスト

次の表に、Angular7プロジェクトでの作業中に必要ないくつかの重要なコマンドを示します-

シニア番号 コマンドと説明
1

Component

nggコンポーネント新規コンポーネント

2

Directive

nggディレクティブnew-directive

3

Pipe

ng g pipe new-pipe

4

Service

ng g service new-service

5

Module

ng g module my-module

6

Test

ngテスト

7

Build

ng build --configuration = production //本番環境用

ng build --configuration = staging //環境を示すため

新しいモジュール、コンポーネント、またはサービスが作成されるたびに、同じものの参照が親モジュールで更新されます app.module.ts