În articolul următor vom analiza CLI angular. În caz că încă nu știți Angular este un cadru de dezvoltare de aplicații front-end open source, popular și foarte extensibil. Poate fi folosit pentru a construi aplicații mobile și web utilizând TypeScript, JavaScript și alte limbi comune. Angular este un termen general pentru toate versiunile de Angular care apar după AngularJS.
Acest cadru de dezvoltare este potrivit pentru construirea de aplicații de la zero, variind de la scară mică la mare. Una dintre componentele cheie ale platformei unghiulare pentru a ajuta la dezvoltarea aplicațiilor este utilitarul CLI angular. Este un instrument de linie de comandă simplu și ușor de utilizat. Este folosit pentru a crea, gestiona, construi și testa aplicații create cu Angular.
În rândurile următoare vom vedea cum putem instalați instrumentul de linie de comandă Angular pe sistemul nostru Ubuntu 19.04. Vom vedea, de asemenea, un exemplu de bază al acestui instrument.
Instalarea Node.js pe Ubuntu
Pentru a instala Angular CLI va fi necesar să avem o versiune curentă a Node.js și NPM instalate pe sistemul nostru. Pentru a face acest lucru, trebuie doar să deschidem un terminal (Ctrl + Alt + T) și să scriem în el:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
De asemenea, pentru a compila și instala pluginuri NPM native, este posibil să trebuiască să instalăm instrumente pentru dezvoltatori pe sistemul nostru. Pentru a face acest lucru, în același terminal vom face următoarele:
sudo apt install -y build-essential
Instalare CLI angulară pe Ubuntu 19.04
După instalarea Node.js și NPM, așa cum tocmai am văzut, vom putea instalați Angular CLI utilizând managerul de pachete npm după cum urmează. În acest caz, opțiunea -g înseamnă că vom instala instrumentul în întregul sistem, pentru a fi folosit de toți utilizatorii acestuia.
sudo npm install -g @angular/cli
După instalare, putem porniți CLI angular folosind ng executabil care ar trebui acum să fie instalat pe sistemul nostru. Executați următoarea comandă în terminal (Ctrl + Alt + T) pentru a verifica versiunea Angular CLI instalată:
ng --version
Crearea unui proiect utilizând Angular CLI
Acum să vedem cum putem crea, construi și servi un nou proiect Angular de bază. Primul, vom merge la directorul webroot de pe serverul nostru. Apoi vom crea o nouă aplicație angulară după cum urmează:
cd /var/www/html/ sudo ng new ubunlog-app
Va trebui să decidem dacă dorim să împărtășim date anonime echipei Angular. Continuăm să mergem în directorul aplicației pe care tocmai am creat-o. Noi mergem spre începeți să difuzați aplicația așa cum se arată în următoarele:
cd ubunlog-app ng serve
Comanda anterioară ne va pune pe ecran un link care ne va spune cum putem vedea aplicația noastră în funcțiune.
Înainte să îl putem accesa dintr-un browser web, în cazul în care se execută un serviciu firewall, trebuie să deschidem portul 4200 în configurația acestuia, așa cum se arată mai jos:
sudo ufw allow 4200/tcp sudo ufw reload
După aceasta, putem deschide browserul nostru web preferat și naviga folosind adresa URL furnizată de terminal către vezi noua aplicație rulată, așa cum se arată în următoarea captură de ecran.
http://localhost:4200/
De asemenea, putem utiliza această altă adresă URL pentru a accesa aplicația noastră:
http://IP_SERVIDOR:4200
Trebuie menționat că dacă folosim comanda „servește„Pentru a crea o aplicație și a o servi local, așa cum tocmai am văzut, serverul reconstruiește automat aplicația și reîncarcă paginile web atunci când schimbăm oricare dintre fișierele sursă.
Dacă vrem să obținem mai multe informații despre instrumentul ng, putem rula următoarea comandă în terminal (Ctrl + Alt + T):
ng help
În acest articol, am văzut cum să efectuați un instalarea simplă a Angular CLI pe sistemul nostru Ubuntu, pe lângă construirea, compilarea și deservirea unei aplicații de bază pe un server de dezvoltare.
Acestea sunt doar primii pași de bază care pot fi luați cu CLI angular. Pentru vezi mai multe informații despre Angular CLI, putem consulta site-ul oficial al proiectului.