Bir sonraki makalede Angular CLI'ye bir göz atacağız. Hala bilmiyorsan Angular, açık kaynaklı bir ön uç uygulama geliştirme çerçevesidir, popüler ve oldukça genişletilebilir. TypeScript, JavaScript ve diğer yaygın dilleri kullanarak mobil ve web uygulamaları oluşturmak için kullanılabilir. Angular, AngularJS'den sonra gelen tüm Angular sürümleri için kapsamlı bir terimdir.
Bu geliştirme çerçevesi, küçükten büyüğe değişen uygulamaları sıfırdan oluşturmak için çok uygundur. Angular platformun temel bileşenlerinden biri uygulama geliştirmeye yardımcı olmak için Angular CLI yardımcı programıdır. Basit ve kullanımı kolay bir komut satırı aracıdır. Angular ile oluşturulan uygulamaları oluşturmak, yönetmek, oluşturmak ve test etmek için kullanılır.
Aşağıdaki satırlarda nasıl yapabileceğimizi göreceğiz. Ubuntu 19.04 sistemimize Angular komut satırı aracını yükleyin. Bu aracın temel bir örneğini de göreceğiz.
Ubuntu'da Node.js kurulumu
Angular CLI'yi yüklemek için sistemimizde kurulu Node.js ve NPM'nin güncel bir sürümüne sahip olmamız gerekecek. Bunu yapmak için, sadece bir terminal açmalıyız (Ctrl + Alt + T) ve içine yazmalıyız:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Ayrıca, yerel NPM eklentilerini derlemek ve kurmak için, sistemimize geliştirici araçları yüklememiz gerekebilir. Bunu yapmak için aynı terminalde aşağıdakileri yapacağız:
sudo apt install -y build-essential
Ubuntu 19.04'te açısal CLI kurulumu
Az önce gördüğümüz gibi Node.js ve NPM kurulumundan sonra, npm paket yöneticisini kullanarak Angular CLI'yi kurun aşağıdaki gibi. Bu durumda seçenek -g bu, aracı, tüm kullanıcıları tarafından kullanılmak üzere sistem genelinde kuracağımız anlamına gelir.
sudo npm install -g @angular/cli
Kurulumdan sonra yapabiliriz çalıştırılabilir dosyayı kullanarak Angular CLI'yi başlatın şimdi sistemimize yüklenmelidir. Yüklü Angular CLI sürümünü doğrulamak için terminalde (Ctrl + Alt + T) aşağıdaki komutu yürütün:
ng --version
Angular CLI kullanarak bir proje oluşturma
Şimdi yeni bir temel Angular projeyi nasıl oluşturabileceğimizi, inşa edebileceğimizi ve sunabileceğimizi görelim. İlk, webroot dizinine gideceğiz sunucumuzdan. Ardından aşağıdaki gibi yeni bir Angular uygulaması oluşturacağız:
cd /var/www/html/ sudo ng new ubunlog-app
Anonim verileri Angular ekibiyle paylaşmak isteyip istemediğimize karar vermemiz gerekecek. Yeni oluşturduğumuz uygulamanın dizinine gitmeye devam ediyoruz. Gidiyoruz uygulamayı sunmaya başla aşağıda gösterildiği gibi:
cd ubunlog-app ng serve
Önceki komut bizi ekrana koyacak Uygulamamızı çalışırken nasıl görebileceğimizi bize anlatacak bir bağlantı.
Bir web tarayıcısından erişmeden önce, çalışan bir güvenlik duvarı hizmetinin olması durumunda 4200 numaralı bağlantı noktasını açmalıyız bunun konfigürasyonunda, aşağıda gösterildiği gibi:
sudo ufw allow 4200/tcp sudo ufw reload
Bundan sonra, favori web tarayıcımızı açabilir ve terminal tarafından sağlanan URL'yi kullanarak yeni uygulamanın çalışmasını görün, aşağıdaki ekran görüntüsünde gösterildiği gibi.
http://localhost:4200/
Uygulamamıza erişmek için bu diğer URL'yi de kullanabiliriz:
http://IP_SERVIDOR:4200
Şu komutu kullanırsak belirtilmelidir ki "ng servis"Bir uygulama oluşturmak ve onu az önce gördüğümüz gibi yerel olarak sunmak, sunucu uygulamayı otomatik olarak yeniden oluşturur ve kaynak dosyalardan herhangi birini değiştirdiğimizde web sayfalarını yeniden yükler.
Eğer istersek ng aracı hakkında daha fazla bilgiterminalde aşağıdaki komutu çalıştırabiliriz (Ctrl + Alt + T):
ng help
Bu yazıda, bir Ubuntu sistemimize basit Angular CLI kurulumu, geliştirme sunucusunda temel bir uygulama oluşturmaya, derlemeye ve sunmaya ek olarak.
Bunlar, yalnızca Angular CLI ile atılabilecek en temel ilk adımlardır. İçin Angular CLI hakkında daha fazla bilgi edinindanışabiliriz projenin resmi web sitesi.