Katkıda Bulun
Giriş

Kurulum

Çevrimiçi başlatıcılarla veya terminalinizi kullanarak yerel olarak Angular'a hızlıca başlayın.

Çevrimiçi Deneyin

Angular'ı bir proje oluşturmadan tarayıcınızda denemek istiyorsanız, çevrimiçi deneme alanımızı kullanabilirsiniz:

Playground

Bir Angular uygulamasıyla oynamanın en hızlı yolu. Kurulum gerekmez.

Oyun Alanında Aç

Yerel Olarak Yeni Bir Proje Oluşturun

Yeni bir projeye başlıyorsanız, Git gibi araçları kullanabilmek için büyük olasılıkla yerel bir proje oluşturmak isteyeceksiniz.

Ön Koşullar

Talimatlar

Aşağıdaki kılavuz, yerel bir Angular projesi oluşturma adımlarında size yol gösterecektir.

Angular CLI'ı Yükleyin

Bir terminal açın (Visual Studio Code kullanıyorsanız, entegre terminal açabilirsiniz) ve aşağıdaki komutu çalıştırın:

Bu komutu Windows veya Unix'te çalıştırırken sorun yaşıyorsanız, daha fazla bilgi için CLI dokümantasyonuna göz atın.

Yeni Bir Proje Oluşturun

Terminalinizde, istediğiniz proje adıyla ng new CLI komutunu çalıştırın. Aşağıdaki örneklerde, my-first-angular-app örnek proje adını kullanacağız.

ng new <project-name>

Projeniz için bazı yapılandırma seçenekleri sunulacaktır. Seçenekler arasında gezinmek ve istediğinizi seçmek için ok ve enter tuşlarını kullanın.

Herhangi bir tercihiniz yoksa, varsayılan seçenekleri kabul etmek ve kuruluma devam etmek için enter tuşuna basmanız yeterlidir.

Yapılandırma seçeneklerini belirledikten ve CLI kurulumu tamamladıktan sonra aşağıdaki mesajı görmelisiniz:

✔ Packages installed successfully.
    Successfully initialized git.

Bu noktada, projenizi yerel olarak çalıştırmaya hazırsınız!

Yeni Projenizi Yerel Olarak Çalıştırma

Terminalinizde, yeni Angular projenize geçin.

cd my-first-angular-app

Bu noktada tüm bağımlılıklarınız yüklenmiş olmalıdır (bunu projenizde bir node_modules klasörünün varlığını kontrol ederek doğrulayabilirsiniz), böylece projenizi aşağıdaki komutu çalıştırarak başlatabilirsiniz:

npm start

Her şey başarılıysa, terminalinizde benzer bir onay mesajı görmelisiniz:

Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
  ➜  Local:   http://localhost:4200/
  ➜  press h + enter to show help

Artık Local kısmındaki adresi (örneğin, http://localhost:4200) ziyaret ederek uygulamanızı görebilirsiniz. Keyifli kodlamalar!

Geliştirme İçin Yapay Zeka Kullanımı

Tercih ettiğiniz yapay zeka destekli IDE'de geliştirmeye başlamak için Angular prompt kuralları ve en iyi uygulamalarına göz atın.

Sonraki Adımlar

Angular projenizi oluşturduğunuza göre, Temel Bilgiler kılavuzumuzda Angular hakkında daha fazla bilgi edinebilir veya detaylı kılavuzlarımızdan bir konu seçebilirsiniz!