Angular CLI 11 Kurulum ve Proje oluşturma

Angular CLI 11 kurulumu nasıl yapılır? Angular uygulama nasıl oluşturulur? Nasıl çalıştırılır sorunun en sade hâliyle en basit örneklerle resimli anlatmaya çalışacağım. Hadi başlayalım!

ANGULAR CLI 11 KURULUMU NASIL YAPILIR?

  • Node.Js Kurulumu
  • Angular kurulumu
  • Angular proje dosyayı oluşturma

node.js kurulumu değil mi anlamak için cmd komut satırına “npm –v” komutu ile sorgulayabilirsiniz kurulu olması halinde versiyon numarasını ekrana basacaktır kurulu değilse komut bulunamadığına dair hata alırsınız. Eğer zaten kurulu ise harika ikinci adıma geçebilirsiniz.

#1 – NODE.JS KURULUMU

https://nodejs.org/en/download/ siteye giderek işletim sisteminize göre node.js son versiyonu indirerek bilgisayarınıza kurunuz. Kurulum tamamladıktan sonra cmd veya node.js açalım. İkinci adım için lazım olacak.

#2 – ANGULAR CLI 11 KURULUMU

https://cli.angular.io/ sitesi talimatlarına göre adım adım gidelim çok yaklaştık ilk projemizi çalıştırmaya!

  •  Komut satırına, “npm install -g @angular/cli” yazalım ve çalıştıralım. (Enter Tuşu ile çalıştıralım) Kurulumun tamamlanmasını bekleyelim. Bir kaç dakika sürebilir.

#3 – ANGULAR CLI PROJE OLUŞTURMA VE ÇALIŞTIRMA

  • Bir komut satırı çalıştırıcı açalım. (Örn: Cmd ve Node.Js)
  • Komut satırına, “ng new ProjeAdi” yazalım ve çalıştıralım. (ng angular cli temsil eder)
  • cd ProjeAdi” yazalım çalıştıralım ve dosyanın üst dizine gidelim. (cd komutu bir dizinin üst/alt çıkar)
  • ng serve –open” yazalım ve çalıştıralım. İlk projeniz çalışıyor olacak tebrikler!

Sonuç: Derleme işlemi başladıktan sonra bir kaç dakika içinde hazır olduğunda otomatik olarak varsayılan tarayıcınızı açılır ve hoş geldin mesajınızla karşılayacak 🙂

Angular CLI 11
Angular CLI 11

Leave a Reply