U sljedećem članku ćemo pogledati kutni CLI. U slučaju da još uvijek ne znate Angular je okvir za razvoj front-end aplikacija otvorenog koda, popularan i vrlo proširiv. Može se koristiti za izgradnju mobilnih i web aplikacija koristeći TypeScript, JavaScript i druge uobičajene jezike. Angular je opći pojam za sve verzije Angular-a koje dolaze nakon AngularJS.
Ovaj razvojni okvir je vrlo pogodan za izradu aplikacija od nule, u rasponu od malih do velikih razmjera. Jedna od ključnih komponenti platforme Angular za pomoć u razvoju aplikacija je uslužni program Angular CLI. To je jednostavan i lagan alat za naredbene retke. Koristi se za stvaranje, upravljanje, izgradnju i testiranje aplikacija kreiranih pomoću programa Angular.
U narednim redovima ćemo vidjeti kako možemo instalirajte alat Angular naredbenog retka na naš Ubuntu 19.04 sistem. Također ćemo vidjeti osnovni primjer ovog alata.
Instaliranje Node.js na Ubuntu
Da instalirate Angular CLI bit će potrebno da na našem sistemu imamo instaliranu trenutnu verziju Node.js i NPM. Da bismo to učinili, samo moramo otvoriti terminal (Ctrl + Alt + T) i u njega upisati:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Takođe, za kompajliranje i instaliranje izvornih NPM dodataka, možda ćemo trebati instalirati alate za programere na naš sistem. Da bismo to učinili, na istom terminalu učinit ćemo sljedeće:
sudo apt install -y build-essential
Kutna CLI instalacija na Ubuntu 19.04
Nakon instalacije Node.js i NPM, kao što smo upravo vidjeli, moći ćemo instalirajte Angular CLI koristeći npm manager paketa kao što slijedi. U ovom slučaju, opcija -g to znači da ćemo instalirati alat u čitav sistem, kako bi ga koristili svi njegovi korisnici.
sudo npm install -g @angular/cli
Nakon instalacije možemo pokrenite Angular CLI koristeći ng izvršnu datoteku koji bi sada trebao biti instaliran na našem sistemu. Izvršite sljedeću naredbu u terminalu (Ctrl + Alt + T) da biste provjerili instaliranu verziju Angular CLI:
ng --version
Izrada projekta pomoću Angular CLI-a
Sada da vidimo kako možemo stvoriti, izgraditi i služiti novi osnovni Angular projekt. Prvo, idemo u direktorij webroot sa našeg servera. Tada ćemo stvoriti novu aplikaciju Angular kako slijedi:
cd /var/www/html/ sudo ng new ubunlog-app
Morat ćemo odlučiti želimo li podijeliti anonimne podatke timu Angular. I dalje idemo u direktorij aplikacije koju smo upravo kreirali. Idemo počnite služiti aplikaciju kao što je prikazano u sljedećem:
cd ubunlog-app ng serve
Prethodna naredba će nas staviti na ekran link koji će nam reći kako možemo vidjeti našu aplikaciju u radu.
Prije nego što mu pristupimo iz web preglednika, u slučaju da je pokrenut servis vatrozida, moramo otvoriti port 4200 u konfiguraciji ovoga, kao što je prikazano dolje:
sudo ufw allow 4200/tcp sudo ufw reload
Nakon toga možemo otvoriti naš omiljeni web preglednik i kretati se pomoću URL adrese koju je terminal pružio pogledajte pokretanje nove aplikacije, kao što je prikazano na sljedećem snimku zaslona.
http://localhost:4200/
Za pristup našoj aplikaciji možemo koristiti i ovaj drugi URL:
http://IP_SERVIDOR:4200
Treba spomenuti da ako koristimo naredbu "ng serve”Da napravimo aplikaciju i poslužimo je lokalno kao što smo upravo vidjeli, server automatski obnavlja aplikaciju i ponovo učitava web stranice kada promijenimo bilo koju od izvornih datoteka.
Ako želimo dobiti više informacija o ng alatu, u terminalu možemo pokrenuti sljedeću naredbu (Ctrl + Alt + T):
ng help
U ovom članku vidjeli smo kako se izvodi jednostavna instalacija Angular CLI-a na naš Ubuntu sistem, uz izgradnju, kompajliranje i posluživanje osnovne aplikacije na razvojnom serveru.
Ovo su samo najosnovniji prvi koraci koji se mogu poduzeti s kutnim CLI-jem. Za pogledajte više informacija o kutnom CLI, možemo se obratiti službena web stranica projekta.