Derleme ve Sunma
Geliştirme sunucusunu çalıştırın ve derlemeler üretin.
Derleme ve Sunma, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 4. 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.
Derleme ve Sunma
CLI, geliştirme sırasında uygulamanızı yerel olarak çalıştırır ve üretim için iyileştirilmiş çıktı üretir. İki temel komut ng serve ve ng build'dir.
ng serve
ng serve, canlı yeniden yükleme özelliğine sahip yerel bir geliştirme sunucusu başlatır. Bir dosyayı düzenlediğinizde tarayıcı otomatik olarak yenilenir.
ng serveVarsayılan Adres
Geliştirme sunucusu varsayılan olarak http://localhost:4200 adresinde çalışır. Uygulamanızı görmek için bu URL'yi açınız.
Bağlantı Noktasını ve Ana Bilgisayarı Değiştirme
Seçeneklerle bağlantı noktasını veya ana bilgisayarı geçersiz kılabilirsiniz.
ng serve --port 4300 --host 0.0.0.0Tarayıcıyı Açma
Açma seçeneği, varsayılan tarayıcınızı otomatik olarak başlatır.
ng serve --open
# or: ng serve -ong build
ng build, uygulamayı dağıtım için statik dosyalara derler ve bunları dist klasörüne yazar.
ng buildÜretim İyileştirmeleri
Üretim derlemeleri, önceden derleme, küçültme, ağaç sarsma ve paketleme gibi iyileştirmeler uygular; böylece daha küçük ve hızlı bir çıktı üretir.
dist Çıktısı
Derleme çıktısı dist/<project-name>/ konumuna gelir. Bu statik dosyaları herhangi bir web barındırıcısına veya CDN'ye dağıtabilirsiniz.
Derleme Yapılandırmaları
angular.json, production ve development gibi yapılandırmaları tanımlar. Bunlardan birini yapılandırma seçeneğiyle seçiniz.
ng build --configuration productionDerleme Sırasında İzleme
Sunma işlemi olmadan sürekli yeniden derleme yapmak için izleme seçeneği, dosya değişikliklerinde yeniden derleme yapar.
ng build --watchTestleri Çalıştırma
İlgili komutlar arasında birim testleri için ng test ve yapılandırılmışsa statik analiz için ng lint bulunur.
ng testHızlı Kontrol: Sunma ve Derleme
Yerel geliştirme ve dağıtım karşılaştırması.
Özet: Derleme ve Sunma
localhost:4200 adresinde canlı yeniden yüklemeyle yerel geliştirme için ng serve, dağıtım amacıyla dist/ içinde iyileştirilmiş statik dosyalar üretmek için ng build kullanınız. Yapılandırmalar ve seçenekler ana bilgisayarı, bağlantı noktasını ve iyileştirme düzeyini ayarlar. CLI kursunu tamamladınız.
Sıkça Sorulan Sorular
“Derleme ve Sunma” dersi ücretsiz mi?
Evet — “Derleme ve Sunma” 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.
“Derleme ve Sunma” dersinde ne öğreneceğim?
Geliştirme sunucusunu çalıştırın ve derlemeler üretin. 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 4. dersidir.
“Derleme ve Sunma” 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.