Cum se instalează Angular pe Ubuntu 24.04

O platformă JavaScript accesibilă gratuit pentru crearea de aplicații dinamice se numește Angular.js. Vă permite să reprezentați fiecare aspect al aplicației dvs. rapid și fără ambiguitate, extinzând sintaxa HTML atunci când este folosit ca limbaj de șablon. Acesta oferă un set de instrumente pentru scrierea, actualizarea și testarea unui cod. Oferă o multitudine de capabilități, inclusiv rutarea și gestionarea formularelor. Acest ghid discută metoda de instalare a Angular pe Ubuntu 24 trecând prin instalarea Node.js.

Actualizați și actualizați sistemul

Înainte de a trece la instalări, să trecem mai întâi prin actualizarea sistemului. Este necesar să actualizați sistemul Ubuntu 24, deoarece trebuie să intre în vigoare pe noile instalări fără probleme în scurt timp. Deci, utilizăm instrucțiunile de actualizare și actualizare într-o singură comandă care este executată cu ajutorul unui utilitar „apt”.

După executarea acestei instrucțiuni, sistemul alocă spațiul setat procesului de actualizare și actualizare și vă cere să îl confirmați atingând „y” sau „n”. Prin urmare, trebuie să apăsați „y” pentru a finaliza acest proces de actualizare, așa cum este descris în continuare. După un timp, sistemul nostru va fi actualizat și actualizat cu succes.

Instalați dependențele

Instalarea Angular și Node.js depinde și de alte utilități. Aceste dependențe includ git, wget, curl și multe altele. Astfel, trebuie să instalăm aceste dependențe în prealabil. Pentru instalarea acelor dependențe, folosim același utilitar „apt” în shell-ul de comandă și așteptăm până când toate dependențele sunt instalate cu succes.

Instalați Node.js

Aplicațiile Angular nu pot funcționa fără Node.js, care este cerința principală. Prin urmare, este necesar să instalați Node.js înainte de a trece la instalarea Angular pe Ubuntu 24. De asemenea, Node.js necesită utilitarul de linie de comandă NVM pentru instalare. Deci, folosim utilitarul „curl” din shell-ul terminalului pentru a instala mai întâi utilitarul NVM din depozitul oficial Github. Puteți vedea că după executarea acestei instrucțiuni, utilitarul NVM a fost descărcat și instalat.

Acum, este necesară și activarea mediului NVM pe sistemul Ubuntu 24 Linux. Deci, rulăm fișierul „bashrc” folosind instrucțiunea sursă, astfel încât sistemul să poată obține efectele utilitarului NVM nou instalat și să stabilească mediul.

După crearea unui mediu, sistemul Ubuntu 24 este pregătit să instaleze Node.js la capătul său. Pentru aceasta, folosim utilitarul „nvm” nou instalat în instrucțiunile de instalare care sunt utilizate în shell-ul terminalului. Folosind această instrucțiune, instalăm cea mai recentă versiune a Node.js 18 pe sistemul nostru Ubuntu. De asemenea, instrumentul NVM instalează managerul de pachete nod împreună cu Node.js. Procesarea începe prin descărcarea și instalarea versiunii nodului 18.19.1 de pe site-ul oficial. După aceea, calculează suma de control și creează un alias implicit.

După instalarea cu succes a Node.js, trebuie să verificăm dacă a fost instalat și montat în sistemul nostru. Pentru aceasta, trebuie să verificăm versiunea instalată folosind comanda „version” începând cu cuvântul cheie „node”. De asemenea, instrucțiunea anterioară de instalare a NVM a instalat NPM (Node Package Manager) împreună cu Node.js. Prin urmare, trebuie să căutăm și versiunea NPM. Ieșirea ambelor comenzi afișează versiunile așa cum este descris în următoarea imagine atașată:

Instalați CLI-ul Angular

Este timpul să faceți pașii finali pentru instalarea interfeței de linie de comandă Angular după instalarea tuturor dependențelor, inclusiv NPM și Node.js. Pentru aceasta, folosim NPM (managerul de pachete de noduri) în shell-ul terminalului Ubuntu 24.

Puteți folosi drepturile sudo pentru executarea acestei instrucțiuni de instalare. Această comandă include linkul către pachetul oficial al Angular CLI. Indicatorul „—locație” este setat să adauge CLI-ul Angular la nivel global pentru sistemul Ubuntu 24, care este accesibil tuturor utilizatorilor din platforma actuală.

Ar fi de ajutor dacă ați aștepta un timp până când procesarea Angular CLI este finalizată. După unele procesări, pachetele Angular CLI sunt adăugate și instalate cu succes. În schimb, veți obține următoarea ieșire ilustrată pe ecranul terminalului, care are 232 de pachete adăugate în 2 minute:

Acum, este timpul să verificați instalarea Angular CLI. Vine cu comanda „ng” care ajută la executarea comenzilor pe Angular CLI. Deci, să căutăm versiunea instalată a comenzii „ng”. După ce răspundem la unele dintre întrebările despre executarea acestei comenzi de versiune, vom obține următoarea ieșire care conține, de asemenea, informații referitoare la versiunea Angular, Node, NPM și OS. Există, de asemenea, un afișaj de informații privind pachetele și versiunile instalate ale acestora la sfârșit.

Creați o aplicație unghiulară

Este timpul să folosim Angular CLI pentru a crea o nouă aplicație Angular pe Ubuntu 24. La fel cum am folosit instrucțiunea „ng” pentru a verifica versiunea Angular CLI, o vom folosi și pentru a crea o nouă aplicație numită „test” cu cuvânt cheie „nou”. Execuția are loc cu câteva întrebări adresate. Ar fi de ajutor dacă răspundeți la acele întrebări în funcție de preferințele dvs., iar pachetele pentru noua dvs. aplicație vor fi instalate cu succes.

După un timp, este creată o nouă aplicație Angular numită „test”. Un nou director „de test” este generat în directorul nostru de lucru, așa cum este prezentat în următoarea ieșire atașată:

După ce am creat o aplicație Angular „de test”, trebuie să o rulăm și pe aceasta. Pentru aceasta, deplasați-vă în directorul „test” și utilizați utilitarul „ng” pentru a executa comanda „serve”.

De asemenea, puteți utiliza aceeași comandă pentru a seta portul 4200 pentru toate interfețele de sistem, setând gazda ca 0.0.0.0.

Concluzie

Acest ghid demonstrează modul în care un mediu Angular poate fi utilizat pentru a crea orice aplicație. Sprijinind ideea, am demonstrat metoda de instalare a Angular pe Ubuntu 24 după instalarea și configurarea Node.js și NPM. În cele din urmă, am elaborat o modalitate de a crea o aplicație Angular în Ubuntu 24 utilizând Angular CLI.