Kayıtlar

Angular CLI İle Angular Projesi Oluşturma

Resim
Angular CLI bir Angular projesi için gerekli komut setini barındıran yardımcı console uygulamasıdır ve bu makalede Angular CLI kullanarak yeni Angular projesi oluşturma işleminin nasıl yapıldığını anlatmaya çalışacağım. Not: Angular projeleri oluştururken isimlendirmenin html selector olarak yapmanızı ister. Örneğin proje isimlendirmenizi spa-almendra-smart_school şeklinde yaparsanız ve ya SPA.almendra.SmartSchool şeklinde yaparsanız "Data path ".name" should match format "html-selector"." şeklinde bir hata ile karşılaşacaksınız. Bu durum ile karşılaşmamak için proje isimlendirmesine dikkat etmek gerekiyor. Yeni bir proje oluşturmak için  ng new spa-almendra-smart-school komutunu çalıştırıyoruz. Burada spa-almendra-smart-school proje ismidir ve bu isimlendirme benim projelerimde kullandığımı yapıdır. Buna benzer yapıları ve ya test işlemi için basit bir isimlendirme yaparak projenizi oluşturabilirsiniz. Özetle Angular CLI ile yeni Angular projes...

Angular CLI Kurulumu

Resim
Angular CLI angular projeleri oluşturmak, çalıştırmak ve proje geliştirme sürecini yönetmek için angular ekibi tarafından geliştirilmiş ve nodejs altyapısını kullanarak çalışan yardımcı bir yazılımdır. Angular CLI kurulumunun yapılabilmesi için öncelikle makinenizde nodejs kurulu olması gerekiyor.  Not: NodeJs kurulu olduğu durumlarda: Angular CLI sadece belirli NodeJs sürümlerin üstündeki sürümlerle çalıştığı için kurulum işlemine geçmeden önce NodeJs güncellemesi de yapmanız gerekebilir. Bu durum oluştuğunda npm hata mesajı ile karşılaşacaksınız. Hata mesajı da NodeJS sürümün minimum kaç olması gerektiği ile ilgili bilgi içeren bir mesaj olacaktır. Angular CLI kurulumu yapabilmek için aşağıdaki komutu çalıştırmanız gerekiyor. Linux işletim sistemleri için yetkili kullanıcı durumuna göre ek olarak sudo yazmanız gerekir.  npm install -g @angular/cli Devam eden bir projeniz varsa ve bilgisayarınızı belirli bir Angular CLI sürümü ile çalıştırmak istiyorsa...