Angular CLI (Command Line Interface) este un instrument puternic care ajută dezvoltatorii să construiască, să dezvolte și să întrețină rapid aplicații Angular. Acesta oferă comenzi pentru crearea de proiecte, construirea, testarea și implementarea eficientă a aplicațiilor.

Condiții prealabile

Înainte de a instala Angular CLI, asigurați-vă că aveți următoarele cerințe:

  • Node.js (se recomandă versiunea LTS)
  • npm (vine la pachet cu Node.js)

Puteți verifica dacă Node.js și npm sunt instalate prin rularea

node -v
npm -v

Dacă nu sunt instalate, descărcați și instalați Node.js de pe site-ul oficial Node.js.

Instalarea Angular CLI

Odată ce Node.js este instalat, instalați Angular CLI la nivel global utilizând npm:

npm install -g @angular/cli

Pentru a verifica instalarea, verificați versiunea:

ng version

Aceasta ar trebui să afișeze versiunea Angular CLI împreună cu dependențele Angular.

Crearea unui nou proiect Angular

Utilizați următoarea comandă pentru a crea un nou proiect Angular:

ng new my-angular-app

Vi se va solicita să alegeți configurații precum rutarea și stilul (CSS, SCSS etc.). Odată selectate, CLI va configura proiectul.

Navigați la directorul proiectului:

cd my-angular-app

Rularea aplicației Angular

Pentru a servi aplicația local, utilizați:

ng serve

Aplicația va fi disponibilă la http://localhost:4200/ pe mașina dvs. virtuală.

Înțelegerea comenzilor Angular CLI

Iată câteva comenzi CLI Angular esențiale:

  • ng serve – Rulează aplicația local.
  • ng generate component component-name – Creează o nouă componentă.
  • ng build – Construiește aplicația pentru producție.
  • ng test – Rulează teste unitare.
  • ng e2e – Execută teste end-to-end.
  • ng add package-name – Instalează un pachet Angular.
  • ng update – Actualizează Angular și dependențele.

Configurarea Angular CLI

Fișierul angular.json conține setările de configurare a proiectului, cum ar fi opțiunile de construire, servire și testare. Puteți personaliza căile de compilare, directoarele de ieșire și activele.

Concluzii

Urmând acești pași, ați instalat și configurat cu succes Angular CLI. Acest instrument eficientizează fluxul de dezvoltare, făcând mai ușoară gestionarea aplicațiilor Angular. Începeți să explorați comenzile Angular CLI pentru a vă îmbunătăți experiența de dezvoltare!