ng generate ile Kod Oluşturma
Bileşenler, hizmetler ve daha fazlası için iskelet oluşturun.
ng generate ile Kod Oluşturma, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.
ng generate ile Kod Oluşturma
ng generate komutu (ng g olarak kısaltılır), doğru temel kodu ve adlandırma kurallarıyla Angular yapı taşları oluşturur.
Bileşen Oluşturma
Tek bir komutla bağımsız bir bileşen oluşturunuz.
ng generate component hello
# short form:
ng g component helloOluşturulanlar
hello.component.ts, .html dosyasını, stil sayfasını ve bir .spec.ts testini oluşturur; varsayılan olarak bağımsız kullanır.
Klasör İçinde Oluşturma
Bileşeni bir alt klasöre yerleştirmek için bir yol belirtiniz.
ng g component features/dashboardHizmet Oluşturma
Hizmet şemasıyla enjekte edilebilir bir hizmet oluşturunuz.
ng g service data
# creates data.service.ts with @InjectableYönerge Oluşturma
Bağımsız yönergeler de benzer şekilde oluşturulur.
ng g directive highlightBoru Oluşturma
Şablon dönüşümleri için özel bir boru oluşturunuz.
ng g pipe truncateKoruyucu Oluşturma
Rota koruyucuları gezinmeyi korur. CLI, işlevsel koruyucular oluşturur.
ng g guard authDeneme Çalıştırması Önizlemesi
Dosya yazmadan nelerin oluşturulacağını önizlemek için deneme çalıştırması seçeneğini kullanınız.
ng g component hello --dry-runTest Dosyasını Atlamak
İstemiyorsanız .spec.ts testinin oluşturulmasını atlamak için bir seçenek ekleyiniz.
ng g component hello --skip-testsSatır İçi Şablon ve Stiller
Ayrı dosyalar yerine satır içi şablon ve stiller isteyebilirsiniz.
ng g component badge --inline-template --inline-styleHızlı Kontrol: ng generate
Yapı taşları oluşturma.
Özet: Oluşturma
ng generate (ng g), bileşenleri, hizmetleri, yönergeleri, boruları ve koruyucuları doğru kurallarla oluşturur. --dry-run, --skip-tests ve --inline-template gibi seçenekler çıktıyı özelleştirir. Sıradaki konu: derleme ve sunma.
Sıkça Sorulan Sorular
“ng generate ile Kod Oluşturma” dersi ücretsiz mi?
Evet — “ng generate ile Kod Oluşturma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.
“ng generate ile Kod Oluşturma” dersinde ne öğreneceğim?
Bileşenler, hizmetler ve daha fazlası için iskelet oluşturun. Angular Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Angular Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Angular Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.
“ng generate ile Kod Oluşturma” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Angular Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Angular Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Yeni Proje Oluşturma
- Proje Yapısını Açıklama
- ng generate ile Kod Oluşturma
- Derleme ve Sunma