En frit tilgængelig JavaScript-platform til at skabe dynamiske apps kaldes Angular.js. Det giver dig mulighed for at repræsentere hvert aspekt af din ansøgning hurtigt og utvetydigt ved at udvide syntaksen af HTML, når det bruges som dit skabelonsprog. Det giver et sæt værktøjer til at skrive, opdatere og teste en kode. Det tilbyder et væld af muligheder, herunder routing og formularstyring. Denne guide diskuterer metoden til at installere Angular på Ubuntu 24 ved at gennemgå installationen af Node.js.
Opdater og opgrader systemet
Inden vi går videre mod installationerne, lad os først komme igennem systemopdateringen. Det er nødvendigt at opdatere Ubuntu 24-systemet, fordi det snart skal træde i kraft på nye installationer uden problemer. Så vi bruger opdaterings- og opgraderingsinstruktionen inden for en enkelt kommando, som udføres ved hjælp af et 'apt'-værktøj.
Sudo apt opdatering && sudo passende opgradering
Efter at have udført denne instruktion, allokerer systemet den indstillede plads til opgraderings- og opdateringsprocessen og beder dig bekræfte den ved at trykke på 'y' eller 'n'. Derfor skal du trykke på 'y' for at fuldføre denne opdateringsproces som vist i det følgende. Efter et stykke tid vil vores system blive opdateret og opgraderet med succes.
Installer afhængighederne
Installationen af Angular og Node.js afhænger også af nogle andre hjælpeprogrammer. Disse afhængigheder inkluderer git, wget, curl og mange flere. Derfor skal vi installere disse afhængigheder på forhånd. Til installationen af disse afhængigheder bruger vi det samme 'apt'-værktøj i kommandoskallen og venter, indtil alle afhængigheder er installeret med succes.
sudo apt installere krølle gnupg2 gnupg git wget -og
Installer Node.js
Angular-applikationerne kan ikke fungere uden Node.js, som er det primære krav. Derfor er det nødvendigt at installere Node.js, før du går i retning af at installere Angular på Ubuntu 24. Node.js kræver også NVM-kommandolinjeværktøjet til installationen. Så vi bruger 'curl'-værktøjet i terminalskallen til først at installere NVM-værktøjet fra det officielle Github-lager. Du kan se, at efter udførelsen af denne instruktion er NVM-værktøjet blevet downloadet og installeret.
Sudo curl https: // raw.githubusercontent.com / skabelseix / nvm / mestre / install.sh | bash
Nu er det også nødvendigt at aktivere NVM-miljøet på Ubuntu 24 Linux-systemet. Så vi kører 'bashrc'-filen ved hjælp af kildeinstruktionen, så systemet kan få effekterne af det nyligt installerede NVM-værktøj og indstille miljøet.
Kilde ~ / .bashrc
Efter at have oprettet et miljø, er Ubuntu 24-systemet klar til at installere Node.js på sin ende. Til dette bruger vi det nyligt installerede 'nvm'-værktøj i installationsinstruktionerne, der bruges i terminalskallen. Ved hjælp af denne instruktion installerer vi den seneste version af Node.js 18 på vores Ubuntu-system. Desuden installerer NVM-værktøjet node-pakkehåndteringen sammen med Node.js. Behandlingen starter med at downloade og installere nodeversionen 18.19.1 fra den officielle hjemmeside. Derefter beregner den kontrolsummen og opretter et standardalias.
Nvm installere 18
Efter den vellykkede installation af Node.js skal vi bekræfte, at den er blevet installeret og monteret i vores system. Til det skal vi tjekke for dens installerede version ved hjælp af 'version'-kommandoen, der starter med nøgleordet 'node'. Den tidligere NVM-installationsinstruktion installerede også NPM (Node Package Manager) sammen med Node.js. Derfor skal vi også kigge efter NPM-versionen. Outputtet af begge kommandoer viser versionerne som afbildet i følgende vedhæftede billede:
Node -iNpm -i
Installer Angular CLI
Det er tid til at tage de sidste trin til installation af Angular kommandolinjegrænseflade efter installation af alle afhængigheder inklusive NPM og Node.js. Til dette bruger vi NPM (node package manager) i terminalskallen i Ubuntu 24.
Du kan bruge sudo-rettighederne til at udføre denne installationsinstruktion. Denne kommando inkluderer linket til den officielle pakke af Angular CLI. Flaget '—placering' er indstillet til at tilføje Angular CLI på globalt niveau for Ubuntu 24-systemet, som er tilgængeligt for alle brugere på den aktuelle platform.
Npm installere @ kantet / cli – Beliggenhed =global
Det ville hjælpe, hvis du ventede et stykke tid, indtil behandlingen af Angular CLI er færdig. Efter nogen behandling tilføjes Angular CLI-pakkerne og installeres med succes. Til gengæld vil du få følgende afbildede output på din terminalskærm, som har tilføjet 232 pakker på 2 minutter:
Nu er det tid til at verificere installationen af Angular CLI. Den kommer med kommandoen 'ng', der hjælper med at udføre kommandoerne på Angular CLI. Så lad os se efter den installerede version af kommandoen 'ng'. Efter at have besvaret nogle af spørgsmålene om udførelse af denne versionskommando, får vi følgende output, der også indeholder oplysninger om versionen af Angular, Node, NPM og OS. Der er også en visning af information om pakkerne og deres installerede versioner i slutningen.
Af version
Opret en vinkelapplikation
Det er tid til at bruge Angular CLI til at oprette en ny Angular-applikation på Ubuntu 24. Ligesom hvordan vi brugte 'ng'-instruktionen til at kontrollere versionen af Angular CLI, vil vi også bruge den til at oprette en ny applikation med navnet 'test' med 'nyt' søgeord. Udførelsen foregår med nogle spørgsmål. Det ville hjælpe, hvis du besvarer disse spørgsmål i henhold til dine præferencer, og pakkerne til din nye applikation vil blive installeret med succes.
Af nye prøve
Efter et stykke tid oprettes en ny Angular-applikation med navnet 'test'. En ny 'test'-mappe genereres i vores arbejdsmappe som afbildet af følgende vedhæftede output:
Efter at have oprettet en 'test' Angular-applikation, skal vi også køre den. For det skal du flytte inden for 'test'-mappen og bruge 'ng'-værktøjet til at udføre 'serve'-kommandoen.
Cd prøveAf tjene
Du kan også bruge den samme kommando til at indstille port 4200 for alle systemgrænseflader ved at indstille værten som 0.0.0.0.
Of serve –host 0.0.0.0 –port 4200
Konklusion
Denne vejledning demonstrerer, hvordan et Angular-miljø kan bruges til at oprette enhver applikation. Som støtte for ideen demonstrerede vi metoden til at installere Angular på Ubuntu 24 efter installationen og konfigurationen af Node.js og NPM. Til sidst uddybede vi en måde at skabe en Angular-applikation i Ubuntu 24 ved at bruge Angular CLI.