Ubuntu 24.04'e Angular Nasıl Kurulur

Dinamik uygulamalar oluşturmak için ücretsiz olarak erişilebilen bir JavaScript platformuna Angular.js adı verilir. Şablon diliniz olarak kullanıldığında HTML'nin sözdizimini genişleterek uygulamanızın her yönünü hızlı ve net bir şekilde temsil etmenize olanak tanır. Bir kodu yazmak, güncellemek ve test etmek için bir dizi araç sağlar. Yönlendirme ve form yönetimi de dahil olmak üzere çok sayıda yetenek sunar. Bu kılavuzda, Node.js kurulumu üzerinden geçerek Ubuntu 24'e Angular kurulumunun yöntemi anlatılmaktadır.

Sistemi Güncelleme ve Yükseltme

Kurulumlara geçmeden önce öncelikle sistem güncellemesini geçelim. Ubuntu 24 sistemini güncellemek gerekiyor çünkü yeni kurulumlarda kısa sürede sorunsuz bir şekilde devreye girmesi gerekiyor. Bu nedenle, güncelleme ve yükseltme talimatını bir 'apt' yardımcı programının yardımıyla yürütülen tek bir komutta kullanırız.

Bu talimatın uygulanmasından sonra sistem, ayarlanan alanı yükseltme ve güncelleme işlemine ayırır ve bunu “y” veya “n”ye dokunarak onaylamanızı ister. Bu nedenle aşağıda anlatıldığı gibi bu güncelleme işlemini tamamlamak için “y” tuşuna basmalısınız. Bir süre sonra sistemimiz başarıyla güncellenecek ve yükseltilecektir.

Bağımlılıkları yükleyin

Angular ve Node.js'nin kurulumu diğer bazı yardımcı programlara da bağlıdır. Bu bağımlılıklar arasında git, wget, curl ve çok daha fazlası bulunur. Bu nedenle bu bağımlılıkları önceden kurmamız gerekiyor. Bu bağımlılıkların kurulumu için komut kabuğundaki aynı “apt” yardımcı programını kullanıyoruz ve tüm bağımlılıklar başarıyla yüklenene kadar bekliyoruz.

Node.js'yi yükleyin

Angular uygulamaları birincil gereksinim olan Node.js olmadan çalışamaz. Bu nedenle, Ubuntu 24'te Angular kurulumuna geçmeden önce Node.js'yi kurmanız gerekir. Ayrıca Node.js, kurulumu için NVM komut satırı yardımcı programını gerektirir. Bu nedenle, NVM yardımcı programını ilk önce resmi Github deposundan yüklemek için terminal kabuğundaki 'curl' yardımcı programını kullanıyoruz. Bu talimatın yürütülmesinden sonra NVM yardımcı programının indirilip kurulduğunu görebilirsiniz.

Artık Ubuntu 24 Linux sisteminde NVM ortamının etkinleştirilmesi de gerekiyor. Böylece sistemin yeni kurulan NVM yardımcı programının etkilerini alabilmesi ve ortamı ayarlayabilmesi için “bashrc” dosyasını kaynak komutunu kullanarak çalıştırıyoruz.

Bir ortam oluşturduktan sonra Ubuntu 24 sistemi, Node.js'yi kendi ucuna yükleyecek şekilde ayarlanmıştır. Bunun için terminal kabuğunda kullanılan kurulum talimatlarında yeni kurulan “nvm” yardımcı programını kullanıyoruz. Bu talimatı kullanarak Node.js 18’in son sürümünü Ubuntu sistemimize kuruyoruz. Ayrıca NVM aracı, Node.js ile birlikte düğüm paketi yöneticisini de yükler. İşleme, resmi web sitesinden 18.19.1 düğüm sürümünün indirilip kurulmasıyla başlar. Bundan sonra sağlama toplamını hesaplar ve varsayılan bir takma ad oluşturur.

Node.js'nin başarılı kurulumundan sonra sistemimize kurulduğunu ve monte edildiğini doğrulamamız gerekiyor. Bunun için “node” anahtar kelimesiyle başlayan “version” komutunu kullanarak kurulu sürümünü kontrol etmemiz gerekiyor. Ayrıca önceki NVM kurulum talimatı, Node.js ile birlikte NPM'yi (Node Paket Yöneticisi) de yükledi. Bu nedenle NPM versiyonunu da aramalıyız. Her iki komutun çıktısı, aşağıdaki ekteki resimde gösterildiği gibi sürümleri görüntüler:

Angular CLI'yi yükleyin

NPM ve Node.js dahil tüm bağımlılıkları kurduktan sonra Angular komut satırı arayüzünü kurmak için son adımları atmanın zamanı geldi. Bunun için Ubuntu 24'ün terminal kabuğundaki NPM'yi (düğüm paketi yöneticisi) kullanıyoruz.

Bu kurulum talimatının yürütülmesi için sudo haklarını kullanabilirsiniz. Bu komut, Angular CLI'nin resmi paketine olan bağlantıyı içerir. “—location” bayrağı, mevcut platformdaki tüm kullanıcıların erişebileceği Ubuntu 24 sistemi için küresel düzeyde Angular CLI'yi eklemek üzere ayarlanmıştır.

Angular CLI'nin işlenmesi bitene kadar bir süre beklemeniz faydalı olacaktır. Bir miktar işlemden sonra Angular CLI paketleri eklenir ve başarıyla kurulur. Karşılığında, 2 dakikada 232 paketin eklendiği terminal ekranınızda aşağıdaki tasvir edilen çıktıyı alacaksınız:

Şimdi Angular CLI kurulumunu doğrulamanın zamanı geldi. Angular CLI üzerinde komutların gerçekleştirilmesine yardımcı olan “ng” komutuyla birlikte gelir. Öyleyse “ng” komutunun kurulu versiyonunu arayalım. Bu version komutunun çalıştırılmasıyla ilgili bazı soruları yanıtladıktan sonra Angular, Node, NPM ve OS sürümüne ilişkin bilgilerin de yer aldığı aşağıdaki çıktıyı elde edeceğiz. Ayrıca sonda paketler ve kurulu versiyonları ile ilgili bilgiler de yer almaktadır.

Açısal Bir Uygulama Oluşturun

Ubuntu 24 üzerinde yeni bir Angular uygulaması oluşturmak için Angular CLI kullanmanın zamanı geldi. Tıpkı Angular CLI'nin versiyonunu kontrol etmek için “ng” komutunu nasıl kullandıysak, onu da “test” isimli yeni bir uygulama oluşturmak için kullanacağız. “yeni” anahtar kelime. İnfaz bazı soruların sorulması ile gerçekleşir. Bu soruları tercihlerinize göre yanıtlamanız faydalı olacaktır ve yeni uygulamanızın paketleri başarıyla yüklenecektir.

Bir süre sonra “test” adında yeni bir Angular uygulaması yaratılıyor. Aşağıdaki ekteki çıktıda gösterildiği gibi çalışma dizinimizde yeni bir 'test' dizini oluşturulur:

Bir “test” Angular uygulaması oluşturduktan sonra onu da çalıştırmamız gerekiyor. Bunun için “test” dizinine gidin ve “serve” komutunu çalıştırmak için “ng” yardımcı programını kullanın.

Ana bilgisayarı 0.0.0.0 olarak ayarlayarak tüm sistem arayüzleri için bağlantı noktası 4200'ü ayarlamak için aynı komutu kullanabilirsiniz.

Çözüm

Bu kılavuz, herhangi bir uygulamayı oluşturmak için Angular ortamının nasıl kullanılabileceğini gösterir. Bu fikri destekleyerek Node.js ve NPM kurulumu ve konfigürasyonundan sonra Ubuntu 24 üzerinde Angular kurulumunun yöntemini gösterdik. Son olarak Ubuntu 24'te Angular CLI kullanarak Angular uygulaması oluşturmanın bir yolunu inceledik.