Angular Generate(ng g)

Angular ile component, service, module, directive, pipe.. oluşturmak için ne yapmalıyız. Bugün bunun cevabını vereceğim.

Terminali açıp

yazarsanız oluşturabileceğiniz dosyaları görebilirsiniz. İki kod paylaştık peki farkları ne? Aslında herhangi bir farkı yok aşağıda kullandığımız ng g -h kısaltma. Ben kısa halini kullanıyorum.

Yeni bir component oluşturmak istediğimizi farz edelim.

Evet componenti kısaltması olarak c’de kullanabiliriz. Yeni component oluşturduk ve hangi klasörün içine oluşturmak istediğimizi bellirtik

komutumuzu yazdık components klasörünün altında yeni component adında bir component oluşturuldu. .css, .html, .spec.ts ve .ts uzantısında 4 tane dosya oluştu. css, html ve ts dosyalarının ne işe yaradığını bildiğinizi farz ediyorum. Peki ya .spec nedir? Spec dosyaları test yazabilmemizi sağlayan dosyalardır. Peki spec dosyasının oluşmasını istemiyorsak ne yapmalıyız?

komutunu yazarsak spec dosyaları oluşmaz. Evet compontent oluşturuldu peki şimdi bunu nasıl çağıracağız?

<app-yeni-component></app-yeni-component>

şeklinde çağırabiliriz ve işte sonuç

Aynı şekilde service, module vb. oluşturulabilir.

İyi çalışmalar.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir