Een vrij toegankelijk JavaScript-platform voor het maken van dynamische apps heet Angular.js. Het stelt u in staat om elk aspect van uw applicatie snel en ondubbelzinnig weer te geven door de syntaxis van HTML uit te breiden wanneer deze als sjabloontaal wordt gebruikt. Het biedt een reeks hulpmiddelen voor het schrijven, bijwerken en testen van code. Het biedt een overvloed aan mogelijkheden, waaronder routering en formulierbeheer. In deze handleiding wordt de methode besproken om Angular op Ubuntu 24 te installeren door de installatie van Node.js te doorlopen.
Update en upgrade het systeem
Voordat we naar de installaties gaan, laten we eerst de systeemupdate doorlopen. Het is noodzakelijk om het Ubuntu 24-systeem bij te werken, omdat het binnenkort zonder problemen van kracht moet worden op nieuwe installaties. We gebruiken dus de update- en upgrade-instructie binnen één enkele opdracht die wordt uitgevoerd met behulp van een “apt” -hulpprogramma.
Sudo apt-update && sudo passende upgrade
Na het uitvoeren van deze instructie wijst het systeem de ingestelde ruimte toe aan het upgrade- en updateproces en vraagt u om dit te bevestigen door op “y” of “n” te tikken. Daarom moet u op “y” drukken om dit updateproces te voltooien, zoals hieronder weergegeven. Na een tijdje zal ons systeem met succes worden bijgewerkt en geüpgraded.
Installeer de afhankelijkheden
De installatie van Angular en Node.js is ook afhankelijk van enkele andere hulpprogramma's. Deze afhankelijkheden omvatten git, wget, curl en nog veel meer. We moeten deze afhankelijkheden dus vooraf installeren. Voor de installatie van deze afhankelijkheden gebruiken we hetzelfde “apt” hulpprogramma in de opdrachtshell en wachten tot alle afhankelijkheden met succes zijn geïnstalleerd.
sudo apt installeren krul gnupg2 gnupg git wget -En
Installeer Node.js
De Angular-applicaties kunnen niet werken zonder Node.js, wat de primaire vereiste is. Daarom is het noodzakelijk om Node.js te installeren voordat u Angular op Ubuntu 24 installeert. Bovendien vereist Node.js het NVM-opdrachtregelhulpprogramma voor de installatie ervan. We gebruiken dus het hulpprogramma “curl” in de terminalshell om het NVM-hulpprogramma eerst vanuit de officiële Github-repository te installeren. U kunt zien dat na het uitvoeren van deze instructie het NVM-hulpprogramma is gedownload en geïnstalleerd.
Sudo-krul https: // raw.githubusercontent.com / creatieix / NVM / meester / installeer.sh | bashen
Nu is het ook noodzakelijk om de NVM-omgeving op het Ubuntu 24 Linux-systeem in te schakelen. We voeren dus het “bashrc”-bestand uit met behulp van de broninstructie, zodat het systeem de effecten van het nieuw geïnstalleerde NVM-hulpprogramma kan krijgen en de omgeving kan instellen.
Bron ~ / .bashrc
Na het creëren van een omgeving is het Ubuntu 24-systeem helemaal klaar om Node.js aan het einde te installeren. Hiervoor gebruiken we het nieuw geïnstalleerde hulpprogramma “nvm” binnen de installatie-instructies die in de terminalshell worden gebruikt. Met behulp van deze instructie installeren we de nieuwste versie van Node.js 18 op ons Ubuntu-systeem. Ook installeert de NVM-tool de knooppuntpakketbeheerder samen met Node.js. De verwerking begint met het downloaden en installeren van knooppuntversie 18.19.1 van de officiële website. Daarna berekent het de controlesom en wordt een standaardalias gemaakt.
Nvm installeren 18
Na de succesvolle installatie van Node.js moeten we verifiëren dat het in ons systeem is geïnstalleerd en gemonteerd. Daarvoor moeten we controleren op de geïnstalleerde versie met behulp van de opdracht 'version', beginnend met het trefwoord 'node'. Bovendien installeerde de vorige NVM-installatie-instructie de NPM (Node Package Manager) samen met Node.js. Daarom moeten we ook naar de NPM-versie zoeken. De uitvoer van beide opdrachten geeft de versies weer zoals weergegeven in de volgende bijgevoegde afbeelding:
Knooppunt -inNpm -in
Installeer de Angular CLI
Het is tijd om de laatste stappen te zetten voor het installeren van de Angular-opdrachtregelinterface nadat alle afhankelijkheden zijn geïnstalleerd, inclusief NPM en Node.js. Hiervoor gebruiken we de NPM (node package manager) binnen de terminalshell van Ubuntu 24.
Voor het uitvoeren van deze installatie-instructie kunt u gebruik maken van de sudo-rechten. Deze opdracht bevat de link naar het officiële pakket van Angular CLI. De vlag “—location” is ingesteld om de Angular CLI op mondiaal niveau toe te voegen voor het Ubuntu 24-systeem, dat toegankelijk is voor alle gebruikers op het huidige platform.
Npm installeren @ hoekig / cli – plaats = mondiaal
Het zou helpen als u even wacht tot de verwerking van Angular CLI is voltooid. Na enige verwerking worden de Angular CLI-pakketten toegevoegd en met succes geïnstalleerd. In ruil daarvoor krijgt u de volgende afgebeelde uitvoer op uw terminalscherm, waaraan in 2 minuten 232 pakketten zijn toegevoegd:
Nu is het tijd om de installatie van Angular CLI te verifiëren. Het wordt geleverd met de opdracht 'ng' die helpt bij het uitvoeren van de opdrachten op Angular CLI. Laten we dus zoeken naar de geïnstalleerde versie van de opdracht 'ng'. Nadat we enkele vragen over het uitvoeren van deze versieopdracht hebben beantwoord, krijgen we de volgende uitvoer die ook informatie bevat over de versie van Angular, Node, NPM en OS. Aan het einde wordt ook informatie weergegeven over de pakketten en hun geïnstalleerde versies.
Van versie
Maak een hoekapplicatie
Het is tijd om Angular CLI te gebruiken om een nieuwe Angular-applicatie op Ubuntu 24 te maken. Net zoals we de “ng”-instructie hebben gebruikt om de versie van Angular CLI te controleren, zullen we deze ook gebruiken om een nieuwe applicatie te maken met de naam “test” met de zoekwoord ‘nieuw’. De uitvoering vindt plaats waarbij enkele vragen worden gesteld. Het zou helpen als u deze vragen beantwoordt volgens uw voorkeuren, en de pakketten voor uw nieuwe applicatie zullen met succes worden geïnstalleerd.
Van nieuw test
Na een tijdje wordt er een nieuwe Angular-applicatie met de naam “test” gemaakt. Er wordt een nieuwe “test”-map gegenereerd in onze werkmap, zoals weergegeven door de volgende bijgevoegde uitvoer:
Nadat we een “test” Angular-applicatie hebben gemaakt, moeten we deze ook uitvoeren. Ga daarvoor naar de map 'test' en gebruik het hulpprogramma 'ng' om de opdracht 'serve' uit te voeren.
CD testVan dienen
U kunt dezelfde opdracht ook gebruiken om poort 4200 in te stellen voor alle systeeminterfaces door de host in te stellen op 0.0.0.0.
Of serve –host 0.0.0.0 –poort 4200
Conclusie
Deze handleiding laat zien hoe een Angular-omgeving kan worden gebruikt om elke applicatie te maken. Ter ondersteuning van het idee hebben we de methode gedemonstreerd om Angular op Ubuntu 24 te installeren na de installatie en configuratie van Node.js en NPM. Ten slotte hebben we een manier uitgewerkt om een Angular-applicatie in Ubuntu 24 te maken door gebruik te maken van Angular CLI.