Kako instalirati Angular na Ubuntu 24.04

Kako Instalirati Angular Na Ubuntu 24 04



Slobodno dostupna JavaScript platforma za izradu dinamičkih aplikacija zove se Angular.js. Omogućuje vam brzo i nedvosmisleno predstavljanje svakog aspekta vaše aplikacije proširenjem sintakse HTML-a kada se koristi kao jezik predloška. Pruža skup alata za pisanje, ažuriranje i testiranje koda. Nudi mnoštvo mogućnosti uključujući usmjeravanje i upravljanje obrascima. Ovaj vodič govori o metodi instaliranja Angulara na Ubuntu 24 prolaskom kroz instalaciju Node.js.

Ažurirajte i nadogradite sustav

Prije nego krenemo prema instalacijama, prvo prođimo kroz ažuriranje sustava. Potrebno je ažurirati sustav Ubuntu 24 jer uskoro mora stupiti na snagu na novim instalacijama bez ikakvih problema. Dakle, koristimo upute za ažuriranje i nadogradnju unutar jedne naredbe koja se izvršava uz pomoć uslužnog programa 'apt'.







Sudo apt ažuriranje && sudo prikladna nadogradnja





Nakon izvršavanja ove upute, sustav dodjeljuje postavljeni prostor procesu nadogradnje i ažuriranja i traži od vas da to potvrdite pritiskom na “y” ili “n”. Stoga morate pritisnuti “y” da biste dovršili ovaj proces ažuriranja kao što je prikazano u nastavku. Nakon nekog vremena, naš sustav će biti uspješno ažuriran i nadograđen.





Instalirajte ovisnosti

Instalacija Angulara i Node.js također ovisi o nekim drugim uslužnim programima. Ove ovisnosti uključuju git, wget, curl i mnoge druge. Stoga moramo unaprijed instalirati te ovisnosti. Za instalaciju tih ovisnosti koristimo isti 'apt' uslužni program u naredbenoj ljusci i čekamo da se sve ovisnosti uspješno instaliraju.



sudo apt instalirati kovrčati gnupg2 gnupg git wget -i

Instalirajte Node.js

Angular aplikacije ne mogu raditi bez Node.js koji je primarni zahtjev. Stoga je potrebno instalirati Node.js prije nego krenete prema instaliranju Angulara na Ubuntu 24. Također, Node.js zahtijeva NVM uslužni program naredbenog retka za svoju instalaciju. Dakle, koristimo uslužni program 'curl' u ljusci terminala da prvo instaliramo uslužni program NVM iz službenog Github repozitorija. Možete vidjeti da je nakon izvršenja ove instrukcije NVM uslužni program preuzet i instaliran.

Sudo curl https: // raw.githubusercontent.com / stvaranjeix / nvm / ovladati; majstorski / instalirati.sh | udarac

Sada je također potrebno omogućiti NVM okruženje na Ubuntu 24 Linux sustavu. Dakle, pokrećemo datoteku 'bashrc' koristeći izvornu uputu kako bi sustav mogao dobiti učinke novoinstaliranog uslužnog programa NVM i postaviti okruženje.

Izvor ~ / .bashrc

Nakon stvaranja okruženja, sustav Ubuntu 24 spreman je za instaliranje Node.js na svom kraju. Za to koristimo novoinstalirani uslužni program 'nvm' unutar uputa za instalaciju koje se koriste u ljusci terminala. Pomoću ove upute instaliramo najnoviju verziju Node.js 18 na naš Ubuntu sustav. Također, NVM alat instalira upravitelj paketa čvorova zajedno s Node.js. Obrada počinje preuzimanjem i instaliranjem verzije čvora 18.19.1 sa službene web stranice. Nakon toga izračunava kontrolni zbroj i stvara zadani alias.

Nvm instalirati 18

Nakon uspješne instalacije Node.js, moramo provjeriti je li instaliran i montiran u našem sustavu. Za to moramo provjeriti njegovu instaliranu verziju pomoću naredbe 'version' koja počinje ključnom riječi 'node'. Također, prethodne upute za instalaciju NVM-a instalirale su NPM (Node Package Manager) zajedno s Node.js. Stoga moramo potražiti i NPM verziju. Izlaz obje naredbe prikazuje verzije kao što je prikazano na sljedećoj priloženoj slici:

Čvor -u

Npm -u

Instalirajte Angular CLI

Vrijeme je da poduzmete posljednje korake za instalaciju sučelja naredbenog retka Angular nakon instaliranja svih ovisnosti uključujući NPM i Node.js. Za to koristimo NPM (upravitelj paketa čvorova) unutar terminalske ljuske Ubuntua 24.

Za izvođenje ove upute za instalaciju možete koristiti sudo prava. Ova naredba uključuje vezu na službeni paket Angular CLI. Zastavica “—location” postavljena je za dodavanje Angular CLI na globalnoj razini za sustav Ubuntu 24 koji je dostupan svim korisnicima na trenutnoj platformi.

Npm instalirati @ kutni / cli – mjesto =globalno

Pomoglo bi ako pričekate neko vrijeme dok se ne završi obrada Angular CLI-ja. Nakon neke obrade dodaju se Angular CLI paketi i uspješno instaliraju. Zauzvrat, dobit ćete sljedeći prikazani izlaz na zaslonu terminala koji ima 232 paketa dodana u 2 minute:

Sada je vrijeme da provjerite instalaciju Angular CLI-ja. Dolazi s naredbom “ng” koja pomaže u izvođenju naredbi na Angular CLI. Dakle, potražimo instaliranu verziju naredbe 'ng'. Nakon što odgovorimo na neka od pitanja o izvršavanju ove naredbe verzije, dobit ćemo sljedeći izlaz koji također sadrži informacije o verziji Angulara, Nodea, NPM-a i OS-a. Na kraju je i prikaz informacija o paketima i njihovim instaliranim verzijama.

Od verzije

Napravite kutnu aplikaciju

Vrijeme je da upotrijebite Angular CLI za izradu nove Angular aplikacije na Ubuntu 24. Baš kao što smo upotrijebili naredbu “ng” za provjeru verzije Angular CLI-ja, također ćemo je upotrijebiti za izradu nove aplikacije pod nazivom “test” s 'nova' ključna riječ. Izvršenje se odvija uz postavljanje nekih pitanja. Pomoglo bi ako odgovorite na ta pitanja prema svojim preferencijama i paketi za vašu novu aplikaciju bit će uspješno instalirani.

Od novog test

Nakon nekog vremena kreira se nova Angular aplikacija pod nazivom “test”. Novi 'testni' direktorij generiran je u našem radnom direktoriju kao što je prikazano sljedećim priloženim izlazom:

Nakon što izradimo “testnu” Angular aplikaciju, moramo i nju pokrenuti. Za to se pomaknite unutar direktorija 'test' i koristite pomoćni program 'ng' za izvršenje naredbe 'serve'.

CD test

Od posluživanja

Također možete upotrijebiti istu naredbu za postavljanje porta 4200 za sva sučelja sustava postavljanjem hosta kao 0.0.0.0.

Of serve –host 0.0.0.0 –port 4200

Zaključak

Ovaj vodič pokazuje kako se Angular okruženje može koristiti za izradu bilo koje aplikacije. Podržavajući ideju, demonstrirali smo metodu instaliranja Angulara na Ubuntu 24 nakon instalacije i konfiguracije Node.js i NPM. Konačno, razradili smo način stvaranja Angular aplikacije u Ubuntu 24 korištenjem Angular CLI-ja.