Az Angular telepítése az Ubuntu 24.04-re

A dinamikus alkalmazások létrehozására szolgáló, szabadon hozzáférhető JavaScript-platform az Angular.js. Lehetővé teszi, hogy az alkalmazás minden aspektusát gyorsan és egyértelműen ábrázolja a HTML szintaxisának kiterjesztésével, ha sablonnyelvként használja. Eszközkészletet biztosít a kód írásához, frissítéséhez és teszteléséhez. Rengeteg képességet kínál, beleértve az útválasztást és az űrlapkezelést. Ez az útmutató az Angular Ubuntu 24 rendszerre történő telepítésének módját tárgyalja a Node.js telepítésével.

Frissítse és frissítse a rendszert

Mielőtt rátérnénk a telepítésekre, először végezzük el a rendszerfrissítést. Frissíteni kell az Ubuntu 24 rendszert, mert hamarosan minden probléma nélkül érvénybe kell lépnie az új telepítéseknél. Tehát a frissítési és frissítési utasítást egyetlen parancson belül használjuk, amelyet egy „apt” segédprogram segítségével hajtunk végre.

Az utasítás végrehajtása után a rendszer lefoglalja a beállított területet a frissítési és frissítési folyamat számára, és megkéri Önt, hogy erősítse meg az „y” vagy az „n” megérintésével. Ezért meg kell nyomnia az „y” billentyűt a frissítési folyamat befejezéséhez az alábbiak szerint. Egy idő után rendszerünk frissítése és frissítése sikeresen megtörténik.

Telepítse a függőségeket

Az Angular és a Node.js telepítése más segédprogramoktól is függ. Ezek a függőségek közé tartozik a git, a wget, a curl és még sok más. Ezért ezeket a függőségeket előzetesen telepítenünk kell. A függőségek telepítéséhez ugyanazt az „apt” segédprogramot használjuk a parancshéjban, és megvárjuk, amíg az összes függőséget sikeresen telepítjük.

Telepítse a Node.js-t

Az Angular alkalmazások nem működhetnek a Node.js nélkül, amely az elsődleges követelmény. Ezért az Angular Ubuntu 24-re történő telepítése előtt telepíteni kell a Node.js-t. Ezenkívül a Node.js telepítéséhez az NVM parancssori segédprogramra van szüksége. Tehát a terminálhéjban található „curl” segédprogramot használjuk az NVM segédprogram telepítéséhez először a hivatalos Github tárolóból. Láthatja, hogy az utasítás végrehajtása után az NVM segédprogram letöltése és telepítése megtörtént.

Most már az NVM környezet engedélyezése is szükséges az Ubuntu 24 Linux rendszeren. Tehát a „bashrc” fájlt a forrás utasítással futtatjuk, hogy a rendszer megkaphassa az újonnan telepített NVM segédprogram hatásait és beállíthassa a környezetet.

A környezet létrehozása után az Ubuntu 24 rendszer készen áll a Node.js telepítésére a végén. Ehhez az újonnan telepített „nvm” segédprogramot használjuk a terminálhéjban használt telepítési utasításokban. Ezzel az utasítással telepítjük a Node.js 18 legújabb verzióját Ubuntu rendszerünkre. Ezenkívül az NVM-eszköz telepíti a csomóponti csomagkezelőt a Node.js-szal együtt. A feldolgozás a csomópont 18.19.1-es verziójának letöltésével és telepítésével kezdődik a hivatalos webhelyről. Ezt követően kiszámítja az ellenőrző összeget, és létrehoz egy alapértelmezett álnevet.

A Node.js sikeres telepítése után ellenőriznünk kell, hogy telepítve van-e és fel van-e szerelve a rendszerünkbe. Ehhez ellenőriznünk kell a telepített verzióját a „version” paranccsal, amely a „node” kulcsszóval kezdődik. Ezenkívül az előző NVM telepítési utasítás telepítette az NPM-et (Node Package Manager) a Node.js-szal együtt. Ezért meg kell keresnünk az NPM verziót is. Mindkét parancs kimenete a következő mellékelt képen látható verziókat jeleníti meg:

Telepítse az Angular CLI-t

Itt az ideje, hogy megtegye az Angular parancssori felület telepítésének utolsó lépéseit, miután telepítette az összes függőséget, beleértve az NPM-et és a Node.js-t. Ehhez az NPM-et (node ​​csomagkezelő) használjuk az Ubuntu 24 terminálhéján belül.

A telepítési utasítás végrehajtásához használhatja a sudo jogokat. Ez a parancs tartalmazza az Angular CLI hivatalos csomagjára mutató hivatkozást. A „—location” jelző úgy van beállítva, hogy hozzáadja az Angular CLI-t globális szinten az Ubuntu 24 rendszerhez, amely az aktuális platform összes felhasználója számára elérhető.

Segítene, ha várna egy kicsit, amíg az Angular CLI feldolgozása befejeződik. Némi feldolgozás után az Angular CLI csomagok hozzáadása és sikeres telepítése megtörténik. Cserébe a következő ábrázolt kimenetet kapja a terminál képernyőjén, amelyhez 2 perc alatt 232 csomag került hozzáadásra:

Most itt az ideje, hogy ellenőrizze az Angular CLI telepítését. Az „ng” paranccsal érkezik, amely segít a parancsok végrehajtásában az Angular CLI-n. Tehát keressük az „ng” parancs telepített verzióját. A verzióparancs végrehajtásával kapcsolatos néhány kérdés megválaszolása után a következő kimenetet kapjuk, amely az Angular, Node, NPM és OS verziójára vonatkozó információkat is tartalmazza. A végén megjelenik a csomagokkal és azok telepített verzióival kapcsolatos információk is.

Hozzon létre egy szögletes alkalmazást

Itt az ideje, hogy az Angular CLI használatával hozzunk létre egy új Angular alkalmazást Ubuntu 24-en. Csakúgy, mint ahogy az „ng” utasítást használtuk az Angular CLI verziójának ellenőrzésére, egy új „test” nevű alkalmazás létrehozására is használjuk a „új” kulcsszó. A végrehajtás néhány kérdés feltevésével történik. Segítene, ha választ ad ezekre a kérdésekre saját preferenciái szerint, és az új alkalmazás csomagjai sikeresen telepítésre kerülnek.

Egy idő után egy új Angular alkalmazás jön létre „teszt” néven. A munkakönyvtárunkban egy új „teszt” könyvtár jön létre, amint azt a következő mellékelt kimenet mutatja:

Egy „teszt” Angular alkalmazás létrehozása után azt is le kell futtatnunk. Ehhez lépjen a „test” könyvtárba, és használja az „ng” segédprogramot a „serve” parancs végrehajtásához.

Ugyanezzel a paranccsal beállíthatja a 4200-as portot az összes rendszerinterfészhez, ha a gazdagépet 0.0.0.0-ra állítja.

Következtetés

Ez az útmutató bemutatja, hogyan használható az Angular környezet bármilyen alkalmazás létrehozására. Az ötletet alátámasztva bemutattuk az Angular Ubuntu 24-re történő telepítésének módszerét a Node.js és az NPM telepítése és konfigurálása után. Végül kidolgoztuk egy Angular alkalmazás létrehozásának módját az Ubuntu 24-ben az Angular CLI használatával.