1. ホーム
  2. 質問と答え
  3. Visual Studio IDEで新しい角度コンポーネントを作成/生成する簡単な方法は？

Visual Studio IDEで新しい角度コンポーネントを作成/生成する簡単な方法は？

2017-09-03 1 views

答えて

1

統合された端末をVSコードで開き、Angular CLIコマンドng generateまたはその別名ng gを使用するだけです。ここでは、NGのgコマンドで使用できるいくつかのオプションのリストです：

  • ng g c - 新しいサービス
  • ng g d生成 - - 新しいコンポーネント
  • ng g s生成する新しいディレクティブを生成し
  • ng g m - 新しいモジュールを生成する
  • ng g p - 新しいパイプを生成する

これらのコマンドのそれぞれには、引数が必要です。生成するコンポーネントの名前使用可能なオプションと引数の完全なリストについては、コマンドng helpを実行して、Angular CLIのマニュアルを生成または参照してください。ここでng gコマンドの使用例のいくつかである：

  • ng g c productが生成されますが、ディレクトリのsrc /アプリの新製品コンポーネントの4つのファイル（.TS、.htmlを、の.css、.spec.ts） /製品および@NgModule

  • ng g c product -is -it -spec=falseの宣言プロパティにProductComponentクラスを追加するには、ディレクトリのsrc /アプリ/製品にインラインスタイルやテンプレートを持つ単一のファイルproduct.component.tsを生成し、にProductComponentが追加されます宣言プロパティー@NgModule

  • ng g s product上記のコマンドと意志と同じファイルを生成します

  • ng g s product -m app.module

    ディレクトリのsrc /アプリで@Injectable()で飾られたクラスを含むファイルproduct.service.tsとファイルproduct.service.spec.tsを生成します。また@NgModule

出典

2017-09-03 12:08:02

+0

は、コンポーネントのフォルダにナビゲートし、「NGのG」コマンドを使用して、各時間を生成するには多くの時間がかかります。のprovidersプロパティにProductServiceを追加Visual Studio IDEについてはどうですか？ –

+0

コンポーネントフォルダに移動する必要はありません。統合端末を開いて実行してください。 –

+0

@ YakovFainはcliのドキュメント全体を+1しました。素早いコンポーネントを生成する素晴らしい方法 –

関連する問題

 関連する問題