Yeni bir angular projesi oluşturduğunuzda pek çok dosya ve klasör size çok yabancı gelebilir.

İlk bakışta genel bir değelendirme yapalım.

Online editor ile de canlı olarak dosyaları inceleyebilirsiniz;

  • e2e, uçtan uca testler için
  • node_modules, nodejs kullanan tüm projelerde bulunur. Compile, build vb araçlar, ilgili node modüllerini kullanıyor.
  • src klasöründe projemizi yazdığımız kodlar bulunur.
  • diğer config dosyaları ise, uygulama ayarları ve kullandığımız paketlerin ayarlarını barındırır.

index.html ve app component’ i anlamak çok önemli. Web uygulamamızın tamamını angular ile yazıcak olsak da, uygulamamızın varlık göstereceği alanı ayrı bir container olarak belirmemiz gerekiyor. Angular, otomatikman BODY nin tamamında hakimiyet gösterme gibi bir eğilimde değil. Web uygulamamızın tamamını angular ile yazmanın yanı sıra, sadece bir kısmınıda angular ile yazıp, diğer kısımlarını klasik düzende kodlayabiliriz. Bu yüzden Angular’ ın çalışma alanını tanımlamalıyız.

index.html de etiketi, Angular tarafından seçilen ve varlık gösteren alandır. Bu alanın içinde uygulamamızın en tepesinde app component yerleşir. Bu sebeple ana layout da app.component.html dir. Diğer bütün componentler bu component içinde dönüşümlü olarak varlık gösterir.

Last modified: 18 October 2019

Author

Comments

Write a Reply or Comment

Your email address will not be published.