Angular CLI (Komut Satırı Arayüzü), geliştiricilerin Angular uygulamalarını hızlı bir şekilde oluşturmasına, geliştirmesine ve bakımını yapmasına yardımcı olan güçlü bir araçtır. Proje oluşturma, uygulamaları verimli bir şekilde oluşturma, test etme ve dağıtma için komutlar sağlar.

Ön Koşullar

Angular CLI’yi yüklemeden önce, aşağıdaki gereksinimlerin karşılandığından emin olun:

  • Node.js (LTS sürümü önerilir)
  • npm (Node.js ile birlikte gelir)

Node.js ve npm’nin yüklü olup olmadığını kontrol etmek için şu komutu çalıştırabilirsiniz:

node -v
npm -v

Yüklenmemişse, Node.js resmi web sitesi‘nden Node.js’i indirin ve yükleyin.

AvaHost’ta Angular CLI ile Başlarken

AvaHost olarak, modern web geliştirmesinin sağlam araçlar ve akıcı iş akışları gerektirdiğini anlıyoruz. İster bir iş platformu için dinamik bir ön yüz oluşturuyor olun, ister yüksek performanslı bir tek sayfa uygulaması, Angular günümüzde mevcut en güçlü çerçevelerden biridir.

Geliştiricilerin daha hızlı ve daha az sorunla başlamalarına yardımcı olmak için Angular, güçlü bir komut satırı arayüzü sunar: Angular CLI. Bu araçla, Angular uygulamalarını verimli bir şekilde oluşturabilir, geliştirebilir, inşa edebilir ve dağıtabilirsiniz—hatta bunları AvaHost altyapısı ile desteklenen bir VPS veya özel sunucu üzerinde barındırırken bile.

Bu kılavuzda, Angular CLI’yi tipik bir geliştirme ortamında nasıl yükleyeceğimizi, yapılandıracağımızı ve kullanacağımızı adım adım inceleyeceğiz, böylece AvaHost barındırma ortamlarıyla uyumlu olmasını sağlayacağız.

Angular CLI Yükleme

Node.js yüklendikten sonra, Angular CLI’yi npm kullanarak global olarak yükleyin:

npm install -g @angular/cli

Yüklemeyi doğrulamak için sürümü kontrol edin:

ng version

Bu, Angular CLI sürümünü ve Angular bağımlılıklarını göstermelidir.

Yeni Bir Angular Projesi Oluşturma

Yeni bir Angular projesi oluşturmak için aşağıdaki komutu kullanın:

ng new my-angular-app

Yönlendirme ve stil (CSS, SCSS, vb.) gibi yapılandırmaları seçmeniz istenecek. Seçim yapıldıktan sonra, CLI projeyi kuracaktır.

Proje dizinine gidin:

cd my-angular-app

Angular Uygulamasını Çalıştırma

Uygulamayı yerel olarak sunmak için:

ng serve

Uygulama, http://localhost:4200/ adresinde Sanallaştırılmış Makineniz üzerinde erişilebilir olacaktır.

Angular CLI Komutlarını Anlama

İşte bazı temel Angular CLI komutları:

  • ng serve – Uygulamayı yerel olarak çalıştırır.
  • ng generate component component-name – Yeni bir bileşen oluşturur.
  • ng build – Uygulamayı üretim için inşa eder.
  • ng test – Birim testlerini çalıştırır.
  • ng e2e – uçtan uca testleri yürütür.
  • ng add package-name – Bir Angular paketini yükler.
  • ng update – Angular ve bağımlılıklarını günceller.

Angular CLI’yi Yapılandırma

angular.json dosyası, inşa, sunma ve test seçenekleri gibi proje yapılandırma ayarlarını içerir. İnşa yollarını, çıktı dizinlerini ve varlıkları özelleştirebilirsiniz.

Sonuç: Angular CLI + AvaHost = Ölçeklenebilir Geliştirme

Bu adımları tamamlayarak, modern JavaScript geliştirmede en önemli araçlardan biri olan Angular CLI’yi başarıyla yükleyip yapılandırdınız. Ancak doğru CLI’ye sahip olmak, denklemin sadece yarısıdır. Uygulamanızı hızlı, güvenilir ve geliştirici dostu bir ortamda barındırmak, Angular projenizin üretimde başarılı olmasını sağlar.

AvaHost VPS ve özel sunucular ile şunları elde edersiniz:

  • Tam SSH erişimi ve Node.js desteği

  • Yüksek hızlı SSD depolama ve ölçeklenebilir RAM

  • Angular CLI, Webpack ve NGINX gibi inşa araçlarıyla uyumluluk

  • CI/CD ve Git tabanlı dağıtım desteği

  • DMCA göz ardı edilen seçenekler ve esneklik için küresel sunucu konumları

İster bir başlangıç uygulaması, ister dahili yönetim paneli üzerinde çalışıyor olun, ister Angular tabanlı bir SaaS platformu dağıtıyor olun, AvaHost size başarılı olmanız için gereken kontrolü ve gücü sağlar.