Kuinka asentaa Angular Ubuntuun 24.04

Vapaasti käytettävissä oleva JavaScript-alusta dynaamisten sovellusten luomiseen on nimeltään Angular.js. Sen avulla voit edustaa sovelluksesi jokaista osa-aluetta nopeasti ja yksiselitteisesti laajentamalla HTML:n syntaksia, kun sitä käytetään mallikielenä. Se tarjoaa joukon työkaluja koodin kirjoittamiseen, päivittämiseen ja testaamiseen. Se tarjoaa lukuisia ominaisuuksia, mukaan lukien reitityksen ja lomakkeiden hallinnan. Tässä oppaassa käsitellään tapaa asentaa Angular Ubuntu 24:ään suorittamalla Node.js:n asennus.

Päivitä ja päivitä järjestelmä

Ennen kuin siirryt asennuksiin, käydään ensin läpi järjestelmäpäivitys. Ubuntu 24 -järjestelmä on päivitettävä, koska sen on pian tultava voimaan uusissa asennuksissa ilman ongelmia. Joten käytämme päivitys- ja päivitysohjeita yhdessä komennossa, joka suoritetaan 'apt' -apuohjelman avulla.

Tämän käskyn suorittamisen jälkeen järjestelmä varaa asetetun tilan päivitys- ja päivitysprosessille ja pyytää sinua vahvistamaan sen napauttamalla 'y' tai 'n'. Siksi sinun on painettava 'y' suorittaaksesi tämän päivitysprosessin, kuten seuraavassa kuvataan. Jonkin ajan kuluttua järjestelmämme päivitetään ja päivitetään onnistuneesti.

Asenna riippuvuudet

Angular- ja Node.js:n asennus riippuu myös joistakin muista apuohjelmista. Näitä riippuvuuksia ovat git, wget, curl ja monet muut. Siksi meidän on asennettava nämä riippuvuudet etukäteen. Näiden riippuvuuksien asentamiseen käytämme samaa 'apt' -apuohjelmaa komentotulkissa ja odotamme, kunnes kaikki riippuvuudet on asennettu onnistuneesti.

Asenna Node.js

Angular-sovellukset eivät voi toimia ilman Node.js:ää, joka on ensisijainen vaatimus. Siksi Node.js on asennettava ennen kuin siirrytään Angularin asentamiseen Ubuntu 24:ään. Node.js vaatii myös NVM-komentoriviohjelman asennukseen. Joten käytämme terminaalin kuoren 'curl' -apuohjelmaa asentaaksemme NVM-apuohjelman ensin virallisesta Githubin arkistosta. Näet, että tämän ohjeen suorittamisen jälkeen NVM-apuohjelma on ladattu ja asennettu.

Nyt on myös tarpeen ottaa NVM-ympäristö käyttöön Ubuntu 24 Linux -järjestelmässä. Joten suoritamme 'bashrc'-tiedoston lähdeohjeiden avulla, jotta järjestelmä voi saada juuri asennetun NVM-apuohjelman vaikutukset ja asettaa ympäristön.

Ympäristön luomisen jälkeen Ubuntu 24 -järjestelmä on asetettu asentamaan Node.js:n päähän. Tätä varten käytämme äskettäin asennettua 'nvm' -apuohjelmaa asennusohjeissa, joita käytetään terminaalin kuoressa. Tämän ohjeen avulla asennamme Node.js 18:n uusimman version Ubuntu-järjestelmäämme. NVM-työkalu asentaa myös solmun pakettien hallinnan yhdessä Node.js:n kanssa. Käsittely alkaa lataamalla ja asentamalla solmun versio 18.19.1 viralliselta verkkosivustolta. Sen jälkeen se laskee tarkistussumman ja luo oletusaliaksen.

Node.js:n onnistuneen asennuksen jälkeen meidän on varmistettava, että se on asennettu ja asennettu järjestelmäämme. Tätä varten meidän on tarkistettava sen asennettu versio käyttämällä 'versio'-komentoa, joka alkaa 'solmu'-avainsanalla. Myös edellinen NVM-asennusohje asensi NPM:n (Node Package Manager) yhdessä Node.js:n kanssa. Siksi meidän on etsittävä myös NPM-versiota. Molempien komentojen tulos näyttää versiot seuraavan liitteenä olevan kuvan mukaisesti:

Asenna Angular CLI

On aika ottaa viimeiset vaiheet Angular-komentoriviliittymän asentamiseksi sen jälkeen, kun olet asentanut kaikki riippuvuudet, mukaan lukien NPM ja Node.js. Tätä varten käytämme Ubuntu 24:n terminaalin kuoressa olevaa NPM:ää (node ​​package manager).

Voit käyttää sudo-oikeuksia tämän asennusohjeen suorittamiseen. Tämä komento sisältää linkin viralliseen Angular CLI -pakettiin. '—location'-lippu on asetettu lisäämään Angular CLI maailmanlaajuisella tasolla Ubuntu 24 -järjestelmään, joka on kaikkien nykyisen alustan käyttäjien käytettävissä.

Auttaisi, jos odotat jonkin aikaa, kunnes Angular CLI: n käsittely on valmis. Jonkin käsittelyn jälkeen Angular CLI -paketit lisätään ja asennetaan onnistuneesti. Vastineeksi saat seuraavan kuvatun tulosteen päätenäytöllesi, johon on lisätty 232 pakettia 2 minuutissa:

Nyt on aika tarkistaa Angular CLI:n asennus. Sen mukana tulee 'ng'-komento, joka auttaa suorittamaan komennot Angular CLI:ssä. Joten etsitään 'ng'-komennon asennettu versio. Kun olet vastannut joihinkin tämän versiokomennon suorittamista koskeviin kysymyksiin, saamme seuraavan lähdön, joka sisältää myös tiedot Angular-, Node-, NPM- ja OS-versiosta. Lopussa on myös tiedot paketeista ja niiden asennetuista versioista.

Luo kulmikas sovellus

On aika käyttää Angular CLI:tä uuden Angular-sovelluksen luomiseen Ubuntu 24:ssä. Aivan kuten käytimme 'ng'-ohjetta tarkistaaksemme Angular CLI:n version, käytämme sitä myös uuden 'test'-nimisen sovelluksen luomiseen. 'uusi' avainsana. Toteutus tapahtuu muutaman kysymyksen kera. Auttaisi, jos vastaat näihin kysymyksiin mieltymystesi mukaan, ja uuden sovelluksesi paketit asennetaan onnistuneesti.

Hetken kuluttua luodaan uusi Angular-sovellus nimeltä 'testi'. Uusi 'testi' -hakemisto luodaan työhakemistoomme seuraavan liitteenä olevan tulosteen mukaisesti:

Kun olet luonut 'testi' Angular -sovelluksen, meidän on myös suoritettava se. Tätä varten siirry 'testi'-hakemistoon ja käytä 'ng'-apuohjelmaa 'serve'-komennon suorittamiseen.

Voit myös käyttää samaa komentoa portin 4200 asettamiseen kaikille järjestelmäliitäntöille asettamalla isännäksi 0.0.0.0.

Johtopäätös

Tämä opas osoittaa, kuinka Angular-ympäristöä voidaan käyttää minkä tahansa sovelluksen luomiseen. Ajatuksen tueksi esitimme menetelmän Angularin asentamiseksi Ubuntu 24:ään Node.js:n ja NPM:n asennuksen ja määrityksen jälkeen. Lopuksi kehitimme tapaa luoda Angular-sovellus Ubuntu 24:ssä käyttämällä Angular CLI:tä.