U sljedećem ćemo članku pogledati kutni CLI. U slučaju da još uvijek ne znate Angular je otvoreni izvorni okvir za razvoj aplikacija, popularan i vrlo proširiv. Može se koristiti za izradu 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 vrlo je 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 sljedećim ćemo redovima vidjeti kako možemo instalirajte alat Angular naredbenog retka na naš Ubuntu 19.04 sustav. Vidjet ćemo i osnovni primjer ovog alata.
Instaliranje Node.js na Ubuntu
Da biste instalirali Angular CLI bit će potrebno da na našem sustavu 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đer, za kompajliranje i instaliranje izvornih NPM dodataka, možda ćemo morati instalirati alate za programere u naš sustav. 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 pomoću upravitelja paketa npm kako slijedi. U ovom slučaju, opcija -g to znači da ćemo instalirati alat u čitav sustav kako bi ga koristili svi njegovi korisnici.
sudo npm install -g @angular/cli
Nakon instalacije možemo pokrenite Angular CLI pomoću ng izvršne datoteke koji bi sada trebao biti instaliran na našem sustavu. 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
Sada da vidimo kako možemo stvoriti, izgraditi i služiti novom osnovnom projektu Angular. Prvi, idemo u direktorij webroot s našeg poslužitelja. 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 stvorili. Mi ćemo počnite posluživati aplikaciju kao što je prikazano u sljedećem:
cd ubunlog-app ng serve
Prethodna naredba stavit će nas na zaslon poveznica koja ć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 svoj omiljeni web preglednik i kretati se pomoću URL-a koji je terminal pružio na 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 poslužiti”Za izgradnju aplikacije i lokalno posluživanje kao što smo vidjeli, poslužitelj automatski obnavlja aplikaciju i ponovno 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 smo članku vidjeli kako se izvodi jednostavna instalacija Angular CLI-a na naš Ubuntu sustav, uz izgradnju, sastavljanje i posluživanje osnovne aplikacije na razvojnom poslužitelju.
Ovo su samo najosnovniji prvi koraci koje je moguće poduzeti s kutnim CLI-jem. Za pogledajte više informacija o kutnom CLI, možemo se obratiti službena web stranica projekta.