Programlama Web Geliştirme

Angular Kurulumu ve İlk Uygulama Oluşturma

Yazar İlayda

Angular, Google tarafından geliştirilen bir web uygulama çatısıdır ve modern, etkileşimli ve tek sayfa uygulamalar (SPA) oluşturmak için kullanılır. İşte Angular’ı kurma ve ilk bir Angular uygulamasını oluşturma adımları:

Adım 1: Node.js Kurulumu Angular, Node.js ve npm (Node Package Manager) paket yöneticisine dayalıdır, bu nedenle ilk olarak Node.js’i indirip kurmanız gerekmektedir. Node.js’i resmi websitesi olan https://nodejs.org/ adresinden indirebilir ve kurulum yönergelerini takip edebilirsiniz. Node.js kurulumu tamamlandığında, npm de otomatik olarak bilgisayarınıza kurulmuş olacaktır.

Adım 2: Angular Kurulumu Angular’ı kurmak için npm’i kullanabilirsiniz. Komut istemcisinde aşağıdaki komutu çalıştırarak Angular’ı küresel olarak kurabilirsiniz:

Bu komut, Angular Command Line Interface (CLI) aracını küresel olarak kuracaktır.

Adım 3: Angular Uygulaması Oluşturma Angular’ı başlatmak için aşağıdaki komutu kullanabilirsiniz:

Burada “proje-adi”, oluşturmak istediğiniz Angular projesine vermek istediğiniz adı temsil eder. Komut çalıştırıldığında, Angular CLI, yeni bir Angular uygulaması oluşturmak için gerekli dosyaları ve yapıyı otomatik olarak oluşturacaktır.

Adım 4: Angular Uygulamasını Çalıştırma Angular uygulamanızı çalıştırmak için aşağıdaki komutu kullanabilirsiniz:

Bu komut, Angular CLI tarafından oluşturulan geliştirme sunucusunu başlatacak ve uygulamanızı varsayılan olarak http://localhost:4200 adresinde çalıştıracaktır.

Adım 5: Angular Uygulamasını Tarayıcıda Görüntüleme Angular uygulamanızı tarayıcıda görüntülemek için, varsayılan olarak başlatılan geliştirme sunucusu adresini tarayıcınıza girerek uygulamanızı görüntüleyebilirsiniz. Varsayılan olarak http://localhost:4200 adresini kullanabilirsiniz.

Bu adımları takip ederek Angular’ı kurabilir ve ilk bir Angular uygulamasını oluşturabilirsiniz. Angular CLI, gelişmiş bir Angular uygulama geliştirmek için birçok komut ve özellik sunar. Angular belgelerini ve örnek projeleri inceleyerek daha fazla bilgi edinebilirsiniz.