FrontEnd kütüphanelerinden olan Angular ile ilk adımı atalım. Kurulum aşamalarını adım adım yapalım.
Bildiğiniz gibi frontend kütüphaneleri son dönemde revaçta (React, Angular, Vue.. gibi). Bu makalemizde Angular'a giriş yapmak için kurulum aşamalarını takip edip bilgisayarımızda çalışma ortamını hazırlayalım.
Öncelikle bilgisayarımıza Node.JS kurulumunu gerçekleştirmemiz gerekmektedir. Kurulumu yapmak için daha önceden yazmış olduğum makaleye ulaşmak için
Node.js Kurulumu makalesini takip ediniz.
Node.JS kurulumunu gerçekleştirdik. Şimdi ise Angular CLI kurulumuna geçelim. Kurulum için
angular.io sitesindeki kurulum bölümüne gidelim. CMD'yi (Komut İstemi) bölümünü yönetici olarak açalım.
Komut Satırı Ekran Görüntüsü Angular CLI Kurulumu npm install -g @angular/cli
Komut Satırı Ekran Görüntüsü
Burası biraz zaman alacaktır. Bu esnada çeşitli hatalar gelebilir. Örneğin Node.JS versiyonu düşük şeklinde hata verebilir. Ki benim bilgisayarımda Node.JS çok önceden kurulu olduğu için açıkcası uyarı verdi, çünkü bazı paketlerin yüklenmesi için gereken versiyonun altında yükleme yapmamak gerekiyor.
Node.JS Versiyon Yükseltme Uyarısı
Şimdi ise Node.JS versiyonunu yükseltelim. Node.JS versiyonunu öğrenmek için komut satırı ekranına node -v yazalım.
Node.JS Versiyon Öğrenelim
Görüldüğü gibi bendeki versiyon v12.13.1 şeklinde görünmektedir. Son sürümü indirip tekrardan Angular CLI kurulumuna devam edelim.
Son versiyonu indirdim sonrasında CLI komutunu girip kurulum yapmak istediğimde ekranda şu uyarı belirdi.
Npm Versiyon Yükseltme Uyarısı
Özet olarak NPM versiyonu yükseltmem gerektiğini söylemektedir. Bilgisayarımdaki versiyon 8.1.2, olmasını istediği versiyon ise 8.3.0. Bunu nasıl yapacağımı zaten kendisi aşağıda belirtmiş.
Npm paketini yükseltmek için CMD ekranını yönetici olarak açıp aşağıdaki satırları yazalım.
NPM Versiyon Yükseltelim npm install -g npm@8.3.0
Npm güncellemesi tamamlandı tekrardan Angular CLI yüklemesini komut satırından başarılı bir şekilde gerçekleştirebilirsiniz.
Son olarak Angular ile ilgili versiyon vb.. bilgileri öğrenmek için komut satırına şunu yazalım.
Angular Yükleme Bilgileri ng --version
Angular Bilgileri
Kaynak:
https://www.ontedi.com/javascript/an...aya-baslayalim