Kaip įdiegti „Angular“ Ubuntu 24.04

Kaip Idiegti Angular Ubuntu 24 04



Laisvai prieinama JavaScript platforma, skirta kurti dinamines programas, vadinama Angular.js. Tai leidžia greitai ir nedviprasmiškai pateikti kiekvieną programos aspektą išplečiant HTML sintaksę, kai jis naudojamas kaip šablono kalba. Jame pateikiamas kodo rašymo, atnaujinimo ir testavimo įrankių rinkinys. Ji siūlo daugybę galimybių, įskaitant maršruto parinkimą ir formų valdymą. Šiame vadove aptariamas Angular diegimo Ubuntu 24 metodas, įdiegiant Node.js.

Atnaujinkite ir atnaujinkite sistemą

Prieš pereidami prie diegimo, pirmiausia susipažinkime su sistemos atnaujinimu. Būtina atnaujinti Ubuntu 24 sistemą, nes ji netrukus turi įsigalioti naujiems diegimams be jokių problemų. Taigi, mes naudojame atnaujinimo ir atnaujinimo instrukcijas vienoje komandoje, kuri vykdoma naudojant „tinkamą“ programą.







Sudo apt atnaujinimas && sudo tinkamas atnaujinimas





Įvykdžius šią instrukciją, sistema paskiria nustatytą erdvę atnaujinimo ir atnaujinimo procesui ir prašo patvirtinti tai paspaudus „y“ arba „n“. Todėl, norėdami užbaigti šį atnaujinimo procesą, kaip parodyta toliau, turite paspausti „y“. Po kurio laiko mūsų sistema bus sėkmingai atnaujinta ir atnaujinta.





Įdiekite priklausomybes

Angular ir Node.js diegimas taip pat priklauso nuo kai kurių kitų paslaugų. Šios priklausomybės apima git, wget, curl ir daugelį kitų. Taigi, turime iš anksto įdiegti tas priklausomybes. Norėdami įdiegti šias priklausomybes, komandų apvalkale naudojame tą patį „apt“ įrankį ir laukiame, kol visos priklausomybės bus sėkmingai įdiegtos.



sudo apt diegti garbanoti gnupg2 gnupg git wget - ir

Įdiekite Node.js

Angular programos negali veikti be Node.js, kuris yra pagrindinis reikalavimas. Todėl prieš pradedant diegti Angular Ubuntu 24, būtina įdiegti Node.js. Be to, norint įdiegti Node.js, reikalinga NVM komandų eilutės priemonė. Taigi, mes naudojame „curl“ įrankį terminalo apvalkale, kad įdiegtume NVM priemonę pirmiausia iš oficialios „Github“ saugyklos. Matote, kad įvykdžius šią instrukciją NVM programa buvo atsisiųsta ir įdiegta.

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

Dabar taip pat būtina įgalinti NVM aplinką Ubuntu 24 Linux sistemoje. Taigi, paleidžiame „bashrc“ failą naudodami šaltinio nurodymą, kad sistema galėtų gauti naujai įdiegtos NVM programos poveikį ir nustatyti aplinką.

Šaltinis ~ / .bashrc

Sukūrus aplinką, Ubuntu 24 sistema yra nustatyta įdiegti Node.js savo gale. Tam naudojame naujai įdiegtą „nvm“ įrankį diegimo instrukcijose, kurios naudojamos terminalo apvalkale. Naudodamiesi šia instrukcija, savo Ubuntu sistemoje įdiegiame naujausią Node.js 18 versiją. Be to, NVM įrankis įdiegia mazgo paketų tvarkyklę kartu su Node.js. Apdorojimas pradedamas atsisiunčiant ir įdiegus mazgo 18.19.1 versiją iš oficialios svetainės. Po to jis apskaičiuoja kontrolinę sumą ir sukuria numatytąjį slapyvardį.

Nvm diegti 18

Sėkmingai įdiegę Node.js, turime patikrinti, ar jis buvo įdiegtas ir prijungtas mūsų sistemoje. Norėdami tai padaryti, turime patikrinti įdiegtą versiją naudodami komandą „version“, pradedant raktiniu žodžiu „mazgas“. Be to, ankstesnėje NVM diegimo instrukcijoje kartu su Node.js buvo įdiegtas NPM (Node Package Manager). Todėl turime ieškoti ir NPM versijos. Abiejų komandų išvestis rodo versijas, kaip parodyta šiame pridėtame paveikslėlyje:

Mazgas

Npm

Įdiekite Angular CLI

Įdiegę visas priklausomybes, įskaitant NPM ir Node.js, laikas atlikti paskutinius kampinės komandų eilutės sąsajos diegimo veiksmus. Tam naudojame NPM (mazgų paketų tvarkyklę) Ubuntu 24 terminalo apvalkale.

Vykdydami šią diegimo instrukciją, galite naudoti sudo teises. Ši komanda apima nuorodą į oficialų Angular CLI paketą. „—location“ vėliavėlė nustatyta taip, kad Ubuntu 24 sistemai pasauliniu lygmeniu pridėtų kampinį CLI, kuris yra prieinamas visiems dabartinės platformos naudotojams.

Npm diegti @ kampinis / kli - vieta = pasaulinis

Padėtų, jei šiek tiek palauktumėte, kol bus atliktas Angular CLI apdorojimas. Po tam tikro apdorojimo Angular CLI paketai pridedami ir sėkmingai įdiegiami. Mainais savo terminalo ekrane gausite šią pavaizduotą išvestį, kurioje per 2 minutes bus pridėti 232 paketai:

Dabar atėjo laikas patikrinti Angular CLI įdiegimą. Jame yra komanda „ng“, kuri padeda atlikti komandas Angular CLI. Taigi, ieškokime įdiegtos „ng“ komandos versijos. Atsakę į kai kuriuos klausimus apie šios versijos komandos vykdymą, gausime šią išvestį, kurioje taip pat yra informacija apie Angular, Node, NPM ir OS versiją. Pabaigoje taip pat rodoma informacija apie paketus ir jų įdiegtas versijas.

Iš versijos

Sukurkite kampinę programą

Atėjo laikas naudoti Angular CLI, kad sukurtumėte naują Angular programą Ubuntu 24. Kaip mes naudojome „ng“ instrukciją norėdami patikrinti Angular CLI versiją, taip pat naudosime ją kurdami naują programą pavadinimu „testas“ su „naujas“ raktinis žodis. Vykdymas vyksta uždavus keletą klausimų. Būtų naudinga, jei atsakytumėte į šiuos klausimus pagal savo pageidavimus ir naujos programos paketai bus sėkmingai įdiegti.

Iš naujų bandymas

Po kurio laiko sukuriama nauja Angular programa, pavadinta „testas“. Mūsų darbo kataloge sugeneruojamas naujas „bandymo“ katalogas, kaip parodyta pridedamoje išvestyje:

Sukūrę „bandomąją“ Angular programą, turime ir ją paleisti. Norėdami tai padaryti, pereikite prie „testo“ katalogo ir naudokite „ng“ įrankį, kad vykdytumėte komandą „serve“.

Cd bandymas

Tarnauti

Taip pat galite naudoti tą pačią komandą, norėdami nustatyti prievadą 4200 visoms sistemos sąsajoms, nustatydami pagrindinį kompiuterį kaip 0.0.0.0.

Tarnavimo – pagrindinio kompiuterio 0.0.0.0 – prievado 4200

Išvada

Šis vadovas parodo, kaip kampinę aplinką galima panaudoti kuriant bet kokią programą. Palaikydami idėją, pademonstravome būdą, kaip įdiegti Angular Ubuntu 24 įdiegus ir konfigūravus Node.js ir NPM. Galiausiai, mes parengėme būdą, kaip sukurti kampinę programą Ubuntu 24 naudojant Angular CLI.