1-Angular CLI 🚀
Merhaba arkadaşlar,
Angular ve İonic ile ilgili bir yazı serisi oluşturmayı planlıyorum.
İlk serimizde Angular CLI kurulumunu gerçekleştireceğiz. Daha sonra olan yazılarımızda ise Best practices lere uygun olarak nasıl projelerimizi geliştirebiliriz bunlardan bahsediyor olacağım.
İlk olarak Angular CLI nedir? ne amaçla kullanılır konusunda kısa bir anlatım gerçekleştirelim.
Angular CLI, Angular geliştirici takımı tarafından biz geliştiriciler için oluşturulan bir komut satırı arabirim aracıdır diye tanımlayabiliriz.
Angular framework’ünü kullanabilmemiz için;
aşina olmamız büyük avantaj sağlayacaktır. Angular ile birlikte Javascript dünyasında büyük değişimler yaşandı. Angular framework ile birlikte Javascript’in betik dil olmasından dolayı ancak runtime da yakalayacağımız hataları daha builder esnasında çok kolay bir şekilde tespit ederek müdahale etmemiz mümkün. Best practices açısından da daha kontrol edilebilir olması ise ayrıca ayrı bir artı olarak karşımıza çıkmaktadır.
Öncelikle npm paket yöneticisini kullanacağımız için kurulumu kolay olan https://nodejs.org/en/download sayfasından Node.js kurulumunu gerçekleştirin.
Daha sonra /https://angular.io/guide/setup-local Angular’ın resmi sayfasından Angular CLI paketini (npm install -g @angular/cl)
cmd üzerinden giriş yapalım.
Bende daha önceden var olan Angular CLI olduğundan sadece update işlemi yaptı. Sizde bu indirme süresi biraz uzun zaman olabilir.
Hemen yeni bir proje oluşturalım. Editör olarak ben Visual Studio Code kullanıyor olacağım.
ng new dedikten sonra projemin ismini giriyorum.
Daha sonra bana routing eklememi ister misin diye soruyor. Ben ‘y’ olarak giriyorum. Aksi halde kendimiz oluştururuz.
Sayfalar için hangi style oluşturmamı istersin diye tekrardan soruyor. Ben Css seçiyorum. Sass ve Less seçmem durumunda ise içerisinde fonksiyonlarda yazabilirim ve bunları kendisi Css olarak derleyecektir.
Projeyi oluşturarak projeye locate olduktan sonra, ‘code . ’diyerek projemi VsCode da açılmasını sağladım.
Daha sonra terminalde ‘ng serve — open’ yazarak projemizi ayağa kaldırma işlemini başarılı bir şekilde gerçekleştirdik.
Bir sonraki yazı dizisinde görüşmek üzere, hoşçakalın sevgilerle..
