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

ng generate -h
ng g -h

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.

ng g component comopnents/yeni-component
ng g c components/yeni-component

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?

ng g c components/yeni-component --spec=false

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

<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
</div>
<ul>
  <li>
    <app-yeni-component></app-yeni-component>
  </li>
</ul>

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

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

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

ng g s test-service
ng g m test-module

İyi çalışmalar.