Açısal cli ile belirli bir klasörde bileşenler nasıl oluşturulur?

Açısal cli ile angualr4 kullanıyorum ve aşağıdaki komutla yeni bir bileşen oluşturabiliyorum.

E:\HiddenWords>ng generate component plainsight

Ama ova gözünde bir alt bileşen oluşturmam gerekiyor. Açısal klips ile yapmanın bir yolu var mı?

ng g component plainsight/some-nameBir kılan yeni bir dizin biz bunu kullanırken.

Son çıktı:

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

Bunu önlemek için yararlanmak düz seçeneği ng g component plainsight/some-name --flat ve dosyaları üretecektir olmadan yeni bir klasör yapma

plainsight/some-name.component.ts

Hızlı, Basit ve Hatasız Yöntem

örn. bir app/componentklasörde bileşen oluşturmak istiyorsunuz , ardından şu adımları takip ediniz.

1. Bileşen oluşturmak istediğiniz klasörü sağ tıklayın
2. seç Open in Command Promptseçenek
3. Yeni terminalde (seçtiğiniz yolu görürsünüz), ardından yazın ng g c my-new-component

Ayrıca bu işlemi bu görüntü aracılığıyla kontrol edebilirsiniz.

ng g c component-name

Özel konum belirtmek için: ng g c specific-folder/component-name

burada component-namebelirli bir klasör içinde oluşturulacaktır.

Similarl yaklaşım gibi diğer bileşenleri üretmek için kullanılabilir directive, pipe, service, class, guard, interface, enum, module, vs.

bileşen oluşturmak için daha kısa kod: ng g c component-name
konumunu belirtmek için:ng g c specific-folder/component-name

Ek bilgi
direktif oluşturmak için daha kısa kod: ng g d directive-name
konumunu belirtmek için:ng g d specific-folder/directive-name

ng g c folderName/SubFolder/.../componentName --spec=false 

Terminalde bir dizin veya dosya oluşturmanın aksine, CLI bir bileşen oluşturduğunda, varsayılan olarak girdiğiniz yola src / app yolunu eklediğinden yukarıdaki seçenekler benim için çalışmadı .

Bileşeni ana uygulama klasörümden böyle oluşturursam (YANLIŞ YOL)

ng g c ./src/app/child/grandchild 

oluşturulan bileşen şuydu:

src/app/src/app/child/grandchild.component.ts

bu yüzden sadece yazmak zorunda kaldım

ng g c child/grandchild 

Umarım bu birine yardımcı olur

Yukarıdaki cevaplar (dahil --flat) ile şansım yoktu , ama benim için işe yarayan şuydu:

cd path/to/specific/directory

Oradan, ng g c mynewcomponent

Basit

ng g component plainsight/some-name

"Plainsight" klasörü oluşturur ve içinde bazı isim bileşenleri oluşturur.

Kullanmaya çalışmak

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

Ya da kendinizi daha rahat hissediyorsanız manuel olarak deneyin.

Bir kez projenizin dizinindeyseniz. kullan cd path/to/directorysonra kullan ng g c component_name --spec=falseher şeyi otomatik hale getirir ve hatasızdır

g caracı bileşeni oluşturmak

Komut isteminde veya Project Terminal'de proje klasörüne gidin.

Cmd: ng gc bileşen adını çalıştırın

Açısal CLI, uygulama geliştirmenizde ihtiyacınız olan tüm komutları sağlar. Özel gereksiniminiz için, işi yapmak için ng g( ng generate) öğesini kolayca kullanabilirsiniz .

ng g c directory/component-nameklasörde component-namebileşen oluşturur directory.

Aşağıda, uygulamanızda kullanabileceğiniz birkaç basit komutun haritası bulunmaktadır.

1. ng g c comp-nameveya ng generate component comp-name'comp-name' adında bir bileşen oluşturmak için
2. ng g s serv-nameveya ng generate service serv-name'serv-name' adında bir hizmet oluşturmak için
3. ng g m mod-nameveya ng generate module mod-name'mod-name' adında bir modül oluşturmak için
4. ng g m mod-name --routingveya ng generate module mod-name --routingaçısal yönlendirmeli 'mod-name' adında bir modül oluşturmak için

Bu yardımcı olur umarım!

İyi şanslar!

VSCode kullanıyorsanız, Açısal Konsolu kullanmayı düşünün

Açısal CLI için bir arayüz sağlar. Yolu belirtmek için bir seçenek göreceksiniz.

Açısal CLI son derece güçlü ve genişletilebilir. Aslında, geliştiricilerin kullanabileceği her komut için tüm farklı yapılandırma seçeneklerine sahip olmalarına yardımcı olacak birçok yetenek vardır.

Angular Console ile öneriler alırsınız ve en kolay unutulan ya da nadiren kullanılan özellikleri bile kullanabilirsiniz!

Açısal Konsol, her şeyden önce, Açısal CLI'nin sağladığı ile çalışmanın daha verimli bir yoludur.

Öncelikle bir Bileşen oluşturmak için şunları kullanmanız gerekir:

• ng gc bileşen adı

  Yukarıdaki komutu kullanarak, yukarıda
  belirttiğiniz (bileşen adı) bir klasörde Yeni Bileşen oluşturulacaktır .

Ancak başka bir bileşenin içinde veya belirli bir klasörde bir bileşen oluşturmanız gerekirse: -

• ng gc bileşen adı / newComponentName

Özel dizin kullanılırken --dryRun kullanılması gerekir

Özel dizin yolunuzu ngkomutla birlikte iletebilirsiniz .

ng g c myfolder\mycomponent

Ancak, yolu heceleme olasılığınız vardır ve yeni klasör oluşturulur veya hedef dizin değişiklikleri yapılır. Bu nedenle dryRunçok yardımcı oluyor. Değişikliklerin nasıl etkileneceğinin bir çıktısını görüntüler.

Sonucu doğruladıktan sonra -d, değişiklikleri yapmadan aynı komutu çalıştırabilirsiniz .

--dryRun = true | false

Değer doğruysa, sonuçları yazmadan etkinliği gerçekleştirir ve raporlar.

Varsayılan: yanlış

Takma Adlar: -d

Resmi Doküman: - https://angular.io/cli/generate