Hvordan installere Angular på Ubuntu 24.04

En fritt tilgjengelig JavaScript-plattform for å lage dynamiske apper kalles Angular.js. Den lar deg representere hvert aspekt av applikasjonen din raskt og entydig ved å utvide syntaksen til HTML når det brukes som malspråk. Den gir et sett med verktøy for å skrive, oppdatere og teste en kode. Den tilbyr en mengde funksjoner, inkludert ruting og skjemaadministrasjon. Denne guiden diskuterer metoden for å installere Angular på Ubuntu 24 ved å gå gjennom installasjonen av Node.js.

Oppdater og oppgrader systemet

Før vi går mot installasjonene, la oss først gå gjennom systemoppdateringen. Det er nødvendig å oppdatere Ubuntu 24-systemet fordi det må tre i kraft på nye installasjoner uten problemer om kort tid. Så vi bruker oppdaterings- og oppgraderingsinstruksjonen i en enkelt kommando som utføres ved hjelp av et 'apt'-verktøy.

Etter å ha utført denne instruksjonen, tildeler systemet den angitte plassen til oppgraderings- og oppdateringsprosessen og ber deg bekrefte den ved å trykke på 'y' eller 'n'. Derfor må du trykke 'y' for å fullføre denne oppdateringsprosessen som vist i det følgende. Etter en stund vil systemet vårt bli oppdatert og oppgradert.

Installer avhengighetene

Installasjonen av Angular og Node.js avhenger også av noen andre verktøy. Disse avhengighetene inkluderer git, wget, curl og mange flere. Derfor må vi installere disse avhengighetene på forhånd. For installasjon av disse avhengighetene bruker vi det samme 'apt'-verktøyet i kommandoskallet og venter til alle avhengighetene er installert.

Installer Node.js

Angular-applikasjonene kan ikke fungere uten Node.js som er det primære kravet. Derfor er det nødvendig å installere Node.js før du går mot å installere Angular på Ubuntu 24. Node.js krever også NVM-kommandolinjeverktøyet for installasjonen. Så vi bruker 'curl'-verktøyet i terminalskallet for å installere NVM-verktøyet først fra det offisielle Github-depotet. Du kan se at etter utførelse av denne instruksjonen, er NVM-verktøyet lastet ned og installert.

Nå er det også nødvendig å aktivere NVM-miljøet på Ubuntu 24 Linux-systemet. Så vi kjører 'bashrc'-filen ved å bruke kildeinstruksjonen slik at systemet kan få effekten av det nylig installerte NVM-verktøyet og sette miljøet.

Etter å ha opprettet et miljø, er Ubuntu 24-systemet klar til å installere Node.js på slutten. For dette bruker vi det nylig installerte 'nvm'-verktøyet i installasjonsinstruksjonene som brukes i terminalskallet. Ved å bruke denne instruksjonen installerer vi den nyeste versjonen av Node.js 18 på vårt Ubuntu-system. NVM-verktøyet installerer også nodepakkebehandleren sammen med Node.js. Behandlingen starter ved å laste ned og installere nodeversjon 18.19.1 fra den offisielle nettsiden. Etter det beregner den sjekksummen og oppretter et standardalias.

Etter vellykket installasjon av Node.js, må vi bekrefte at den er installert og montert i systemet vårt. For det må vi se etter den installerte versjonen ved å bruke 'versjon'-kommandoen som starter med nøkkelordet 'node'. Også den forrige NVM-installasjonsinstruksjonen installerte NPM (Node Package Manager) sammen med Node.js. Derfor må vi se etter NPM-versjonen også. Utdataene fra begge kommandoene viser versjonene som vist i følgende vedlagte bilde:

Installer Angular CLI

Det er på tide å ta de siste trinnene for å installere Angular-kommandolinjegrensesnittet etter å ha installert alle avhengigheter inkludert NPM og Node.js. For dette bruker vi NPM (node ​​package manager) i terminalskallet til Ubuntu 24.

Du kan bruke sudo-rettighetene for å utføre denne installasjonsinstruksjonen. Denne kommandoen inkluderer lenken til den offisielle pakken til Angular CLI. '—location'-flagget er satt til å legge til Angular CLI på globalt nivå for Ubuntu 24-systemet som er tilgjengelig for alle brukere i den gjeldende plattformen.

Det ville hjelpe hvis du venter en stund til behandlingen av Angular CLI er ferdig. Etter litt behandling blir Angular CLI-pakkene lagt til og installert. Til gjengjeld vil du få følgende avbildede utgang på terminalskjermen din som har 232 pakker lagt til på 2 minutter:

Nå er det på tide å verifisere installasjonen av Angular CLI. Den kommer med 'ng'-kommandoen som hjelper deg med å utføre kommandoene på Angular CLI. Så la oss se etter den installerte versjonen av 'ng'-kommandoen. Etter å ha svart på noen av spørsmålene om å utføre denne versjonskommandoen, vil vi få følgende utgang som også inneholder informasjon om versjonen av Angular, Node, NPM og OS. Det er også en visning av informasjon om pakkene og deres installerte versjoner på slutten.

Opprett en vinkelapplikasjon

Det er på tide å bruke Angular CLI til å lage en ny Angular-applikasjon på Ubuntu 24. Akkurat som hvordan vi brukte 'ng'-instruksjonen for å sjekke versjonen av Angular CLI, vil vi også bruke den til å lage en ny applikasjon kalt 'test' med «nytt» søkeord. Gjennomføringen foregår med noen spørsmål som stilles. Det vil hjelpe hvis du svarer på disse spørsmålene i henhold til dine preferanser, og pakkene for den nye applikasjonen vil bli installert.

Etter en stund opprettes en ny Angular-applikasjon kalt 'test'. En ny 'test'-katalog genereres i arbeidskatalogen vår som vist av følgende vedlagte utdata:

Etter å ha opprettet en 'test' Angular-applikasjon, må vi kjøre den også. For det, flytt i 'test'-katalogen og bruk 'ng'-verktøyet for å utføre 'serve'-kommandoen.

Du kan også bruke den samme kommandoen til å angi port 4200 for alle systemgrensesnittene ved å sette verten som 0.0.0.0.

Konklusjon

Denne veiledningen viser hvordan et Angular-miljø kan brukes til å lage en hvilken som helst applikasjon. Som støtte for ideen demonstrerte vi metoden for å installere Angular på Ubuntu 24 etter installasjon og konfigurasjon av Node.js og NPM. Til slutt utdypet vi en måte å lage en Angular-applikasjon i Ubuntu 24 ved å bruke Angular CLI.