Angular7-cli-prompts

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

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//はコンパイルされ、ブラウザでプロジェクトの出力を確認できます- *
http://localhost:4200/

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

ng serve --host 0.0.0.0 --port 4201

角度更新のコマンド

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

ng update @angular/cli @angular/core

コアフレームワークを最新バージョン、つまり、Angular 7およびangle-cliに更新します。 次のオプションで上記のコマンドを使用できます-

角度重要コマンドリスト

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

Sr.No Commands and Description
1
  • Component*

ng gコンポーネントnew-component

2

Directive

ng gディレクティブnew-directive

3

Pipe

ng g pipe new-pipe

4

Service

ng g service new-service

5

Module

ng gモジュールmy-module

6

Test

ngテスト

7

Build

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

ng build --configuration = staging//環境の開始用

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