Kā instalēt Angular uz Ubuntu 24.04

Ka Instalet Angular Uz Ubuntu 24 04



Brīvi pieejama JavaScript platforma dinamisku lietotņu izveidei tiek saukta par Angular.js. Tas ļauj ātri un nepārprotami attēlot katru lietojumprogrammas aspektu, paplašinot HTML sintaksi, kad to lietojat kā veidnes valodu. Tas nodrošina rīku komplektu koda rakstīšanai, atjaunināšanai un pārbaudei. Tā piedāvā daudzas iespējas, tostarp maršrutēšanu un veidlapu pārvaldību. Šajā rokasgrāmatā ir apskatīta metode Angular instalēšanai Ubuntu 24, veicot Node.js instalēšanu.

Atjauniniet un jauniniet sistēmu

Pirms pāriet uz instalēšanu, vispirms apskatīsim sistēmas atjauninājumu. Ir nepieciešams atjaunināt Ubuntu 24 sistēmu, jo tai drīzumā jāstājas spēkā jaunās instalācijās bez problēmām. Tātad, mēs izmantojam atjaunināšanas un jaunināšanas instrukciju vienā komandā, kas tiek izpildīta, izmantojot “piemērotu” utilītu.







Sudo apt atjauninājums && sudo piemērots jauninājums





Pēc šīs instrukcijas izpildes sistēma piešķir iestatīto vietu jaunināšanas un atjaunināšanas procesam un lūdz to apstiprināt, pieskaroties “y” vai “n”. Tādēļ jums ir jānospiež “y”, lai pabeigtu šo atjaunināšanas procesu, kā parādīts tālāk. Pēc kāda laika mūsu sistēma tiks veiksmīgi atjaunināta un jaunināta.





Instalējiet atkarības

Angular un Node.js instalēšana ir atkarīga arī no dažām citām utilītprogrammām. Šīs atkarības ietver git, wget, curl un daudzas citas. Tādējādi mums šīs atkarības ir jāinstalē iepriekš. Šo atkarību instalēšanai mēs izmantojam to pašu “apt” utilītu komandu apvalkā un gaidām, līdz visas atkarības ir veiksmīgi instalētas.



sudo apt uzstādīt čokurošanās gnupg2 gnupg git wget -un

Instalējiet Node.js

Angular lietojumprogrammas nevar darboties bez Node.js, kas ir galvenā prasība. Tāpēc, pirms pāriet uz Angular instalēšanu Ubuntu 24, ir jāinstalē Node.js. Turklāt Node.js instalēšanai ir nepieciešama NVM komandrindas utilīta. Tātad, mēs izmantojam termināļa apvalkā esošo utilītu “curl”, lai vispirms instalētu NVM utilītu no oficiālā Github repozitorija. Jūs varat redzēt, ka pēc šīs instrukcijas izpildes NVM utilīta ir lejupielādēta un instalēta.

Sudo curl https: // raw.githubusercontent.com / Creationix / nvm / meistars / install.sh | bash

Tagad ir jāiespējo arī NVM vide Ubuntu 24 Linux sistēmā. Tātad, mēs palaižam “bashrc” failu, izmantojot avota instrukciju, lai sistēma varētu iegūt tikko instalētās NVM utilīta efektus un iestatīt vidi.

Avots ~ / .bashrc

Pēc vides izveides Ubuntu 24 sistēma ir iestatīta tā, lai tās galā instalētu Node.js. Šim nolūkam mēs izmantojam nesen instalēto utilītu “nvm” instalēšanas instrukcijās, kas tiek izmantotas termināļa apvalkā. Izmantojot šo instrukciju, mēs savā Ubuntu sistēmā instalējam jaunāko Node.js 18 versiju. Turklāt NVM rīks instalē mezgla pakotņu pārvaldnieku kopā ar Node.js. Apstrāde sākas, lejupielādējot un instalējot mezgla versiju 18.19.1 no oficiālās vietnes. Pēc tam tas aprēķina kontrolsummu un izveido noklusējuma aizstājvārdu.

Nvm uzstādīt 18

Pēc veiksmīgas Node.js instalēšanas mums ir jāpārbauda, ​​vai tas ir instalēts un pievienots mūsu sistēmā. Lai to izdarītu, mums ir jāpārbauda tā instalētā versija, izmantojot komandu “version”, kas sākas ar atslēgvārdu “node”. Arī iepriekšējā NVM instalēšanas instrukcija kopā ar Node.js instalēja NPM (Node Package Manager). Tāpēc mums ir jāmeklē arī NPM versija. Abu komandu izvade parāda versijas, kā parādīts pievienotajā attēlā:

Mezgls -in

Npm -in

Instalējiet Angular CLI

Pēc visu atkarību, tostarp NPM un Node.js, instalēšanas ir pienācis laiks veikt pēdējās darbības, lai instalētu Angular komandrindas saskarni. Šim nolūkam mēs izmantojam NPM (mezglu pakotņu pārvaldnieku) Ubuntu 24 termināļa apvalkā.

Šīs instalēšanas instrukcijas izpildei varat izmantot sudo tiesības. Šī komanda ietver saiti uz oficiālo Angular CLI paketi. Karogs “—Location” ir iestatīts, lai Ubuntu 24 sistēmai globālā līmenī pievienotu Angular CLI, kas ir pieejama visiem pašreizējās platformas lietotājiem.

Npm uzstādīt @ leņķisks / cli - atrašanās vieta = globāls

Tas palīdzētu, ja kādu laiku pagaidītu, līdz Angular CLI apstrāde ir pabeigta. Pēc noteiktas apstrādes Angular CLI pakotnes tiek pievienotas un veiksmīgi instalētas. Apmaiņā jūs saņemsiet šādu attēloto izvadi savā termināļa ekrānā, kuram 2 minūšu laikā ir pievienotas 232 pakotnes:

Tagad ir pienācis laiks pārbaudīt Angular CLI instalēšanu. Tam ir pievienota komanda “ng”, kas palīdz izpildīt komandas Angular CLI. Tātad, meklēsim instalēto komandas “ng” versiju. Pēc atbildes uz dažiem jautājumiem par šīs versijas komandas izpildi mēs iegūsim šādu izvadi, kas satur arī informāciju par Angular, Node, NPM un OS versiju. Beigās tiek parādīta arī informācija par pakotnēm un to instalētajām versijām.

No versijas

Izveidojiet leņķisko lietojumprogrammu

Ir pienācis laiks izmantot Angular CLI, lai izveidotu jaunu Angular lietojumprogrammu Ubuntu 24. Tāpat kā mēs izmantojām “ng” instrukciju, lai pārbaudītu Angular CLI versiju, mēs to izmantosim arī, lai izveidotu jaunu lietojumprogrammu ar nosaukumu “test” ar atslēgvārds “jauns”. Izpilde notiek, uzdodot dažus jautājumus. Būtu noderīgi, ja jūs atbildētu uz šiem jautājumiem atbilstoši savām vēlmēm, un jūsu jaunās lietojumprogrammas pakotnes tiks veiksmīgi instalētas.

No jauna pārbaude

Pēc kāda laika tiek izveidota jauna Angular lietojumprogramma ar nosaukumu “test”. Mūsu darba direktorijā tiek ģenerēts jauns “testa” direktorijs, kā parādīts šādā pievienotajā izvadē:

Pēc “testa” Angular lietojumprogrammas izveides mums tā arī jāpalaiž. Lai to izdarītu, pārvietojieties direktorijā “test” un izmantojiet utilītu “ng”, lai izpildītu komandu “serve”.

CD pārbaude

No kalpošanas

Varat arī izmantot to pašu komandu, lai iestatītu portu 4200 visām sistēmas saskarnēm, iestatot resursdatoru kā 0.0.0.0.

Serviss – resursdators 0.0.0.0 – ports 4200

Secinājums

Šī rokasgrāmata parāda, kā leņķisko vidi var izmantot, lai izveidotu jebkuru lietojumprogrammu. Atbalstot ideju, mēs demonstrējām metodi Angular instalēšanai Ubuntu 24 pēc Node.js un NPM instalēšanas un konfigurēšanas. Visbeidzot, mēs izstrādājām veidu, kā Ubuntu 24 izveidot Angular lietojumprogrammu, izmantojot Angular CLI.