web-dev-qa-db-ja.com

Angular-Cliを使用して特定のフォルダにコンポーネントを生成する方法

Angualr4とangular-cliを使用しており、次のコマンドで新しいコンポーネントを作成できます。

E:\HiddenWords>ng generate component plainsight

しかし、私はプレーンサイトの中に子コンポーネントを生成する必要があります。 Angular-Cliを使用する方法はありますか?

121

パスはng gコマンドで指定できます

ng g component plainsight/yourchildcompname

上記はyourchildcompnameコンポーネントと必要なファイルをplainsightフォルダ内に作成します。 plainsightフォルダが存在しない場合は、そのフォルダも作成されます。

238
Sajeetharan

ng g component plainsight/some-nameはそれを使うとき新しいディレクトリを作ります。

最終的な出力は次のようになります。

plainsight/some-name/some-name.component.ts

それを回避するには、 flatオプションng g component plainsight/some-name --flatを使用してください。そうすれば、withoutファイルが生成され、新しいフォルダが作成されます。

plainsight/some-name.component.ts
61
user3611927

ng g c component-name

カスタムの場所を指定する場合:ng g c specific-folder/component-name

ここでcomponent-nameは特定のフォルダ内に作成されます。

directivepipeserviceclassguardinterfaceenummoduleなどのような他のコンポーネントを生成するために、同様のアプローチを使用できます。

11
VIKAS KOHLI

迅速、簡単、エラーのない方法

つまり、app/componentフォルダにコンポーネントを作成し、次の手順に従います。

  1. コンポーネントフォルダを右クリックしてから、Open in Command Promptを選択します。
  2. 新しく作成した端末にng g c my-new-componentと入力してください。

また、あなたはこの画像を通してこのプロセスをチェックすることができます

enter image description here

9
WasiF

コンポーネントを生成するためのより短いコード:ng g c component-name
で場所を指定します:ng g c specific-folder/component-name


追加情報
ディレクティブを生成するためのより短いコード:ng g d directive-name
で場所を指定します:ng g d specific-folder/directive-name

8
Ace Valdez
ng g c folderName/SubFolder/.../componentName --spec=false 
1
SACHIN DUHAN

私は上記の答え(--flatを含む)にはまったく運がありませんでしたが、私にとってうまくいったのは以下のとおりです。

cd path/to/specific/directory

そこから、私はng g c mynewcomponentを実行しました

0
esitarz

単純な

ng g component plainsight/some-name

それは "plainsight"フォルダを作成し、その中にいくつかの名前のコンポーネントを生成します。

0
lilhamad

angular-cliコマンドラインを使用してコンポーネントまたはモジュールを生成するには、それぞれ次のコマンドを使用します。

1. ng generate component header --module = app (--module = appは、AppModuleのimports/declarations配列に登録するようにCLIに指示します。)

  • このコマンドは、 "header"という名前のフォルダを1つ作成し、その中に2つのtsファイル、1つのhtmlファイル、および1つのcssファイルを配置します。

2. ng generate module app-routing --flat --module = app (--flatを使用すると、ファイルは独自のフォルダではなくsrc/appに配置されます)

0
Sen

使ってみる

ng g component plainsight/some-name.component.ts

もっと快適に感じる場合は、手動で試してください。

CMDまたはProject Terminalで保護フォルダに移動します。

Cmdを実行します。ng g c componentname

enter image description here

プロジェクトのディレクトリに入ったら。 cd path/to/directoryを使用してからng g c component_name --spec=falseを使用すると、すべてが自動化され、エラーがなくなります。

g cはコンポーネントを生成することを意味します

0
Brian Akumah