Angular projeleri geliştirirken sıklıkla kullanılan Angular CLI komutlarını liste halinde bu başlıkta yazıyor olacağım.

ng new

Yeni bir angular projesi oluşturur.

ng new projeIsmi

Komut uygulandıktan sonra, projeye router modülünün dahil edilmek istenip istenmediğini sorar. Gelişmiş bir uygulama için router olmazsa olmaz olduğu için "Y" cevabını verin, ardından CSS için seçenekler getirir. Dilediğinizi seçebilirsiniz.
Kurulum gerçekleştikten sonra komut satırından da proje klasörüne girmeyi unutmayın 🙂 çünkü cli ile proje içinde ilerleyen zamanlarda daha çok komut kullanacaksınız.

cd projeIsmi

ng serve

Projenizi geliştirirken sürekli kullanacağınız bir komut. Adı üzerinde projemizi serve ediyor. Bu serve işlemi basit bir serve işlemi değil, pek çok adım uygulanıyor.

  • Kodunuz öncelikle TypeScript’ ten javascript e compile ediliyor ki tarayıcınızda çalışsın.
  • Build ediliyor.
  • Bir port seçilerek bu port üzerinden projeniz yayınlanıyor
  • Projenizde yaptığınız tüm değişiklikler dinlenip, otomatik olarak compile ve build işlemleri tekrarlanıyor.

Size de keyifle kod yazmak kalıyor 🙂

Eeee proje nerde çalışıyor ? diye soruyor yani komut satırındaki bilgilendirmeleri okumuyorsanız diye belirteyim, "Angular Live Development Server is listening on" cümlesini takip eden adrese tıklayın.

Örnek ekran görüntüsü;

Kodunuzda en ufak bir değişiklik yaptığınızda(editor otomatik save etmeli yada siz save etmelisiniz) ise aşağıdaki gibi tekrar compile ediliyor. Peki bu nasıl oluyor ? Şu şekilde, ng serve komutunun kullandığı diğer komutlar ile proje dizini her an takip edilip, dosya değişikliklerinde trigger olup, klasik adımları uyguluyor.

Değişiklik yaptıkça, tarayıcıda da sayfanın refresh edildiğini göreceksiniz 🙂

Oluşturacağınız bileşenin isminden önce klasör belirtebilirsiniz. Örneğin: ng generate component klasorIsmi/bilesenIsmi

ng generate component componentIsmi

Yeni bir component oluşturmak için kullanılır.

ng g directive directiveIsmi

Yeni bir directive oluşturmak için kullanılır.

ng g service serviceIsmi

Yeni bir service oluşturmak için kullanılır.

Last modified: 12 November 2019

Author

Comments

Write a Reply or Comment

Your email address will not be published.