A következő cikkben megnézzük az Angular CLI-t. Ha még mindig nem tudnád Az Angular egy nyílt forráskódú front-end alkalmazásfejlesztési keretrendszer, népszerű és nagyon bővíthető. Használható mobil- és webalkalmazások építésére a TypeScript, a JavaScript és más elterjedt nyelvek használatával. Az Angular egy általános kifejezés az AngularJS után következő összes verziójának.
Ez a fejlesztési keretrendszer jól alkalmazható az alapoktól kezdve, a kicsi és a nagy lépték között. Az Angular platform egyik kulcseleme az alkalmazás fejlesztésének támogatása az Angular CLI segédprogram. Ez egy egyszerű és könnyen használható parancssori eszköz. Az Angular alkalmazással létrehozott alkalmazások létrehozására, kezelésére, felépítésére és tesztelésére szolgál.
A következő sorokban meglátjuk, hogyan tudunk telepítse az Angular parancssori eszközt az Ubuntu 19.04 rendszerünkre. Látni fogunk ennek az eszköznek egy alapvető példáját is.
A Node.js telepítése az Ubuntu-ra
Az Angular CLI telepítése Szükség lesz arra, hogy a Node.js és az NPM aktuális verziója legyen telepítve a rendszerünkre. Ehhez csak meg kell nyitnunk egy terminált (Ctrl + Alt + T), és be kell írnunk:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
A natív NPM beépülő modulok fordításához és telepítéséhez előfordulhat, hogy fejlesztői eszközöket kell telepítenünk a rendszerünkre. Ehhez ugyanabban a terminálban a következőket tesszük:
sudo apt install -y build-essential
Szögletes CLI telepítés az Ubuntu 19.04-re
A Node.js és az NPM telepítése után, amint láttuk, képesek leszünk rá telepítse az Angular CLI-t az npm csomagkezelő használatával alábbiak szerint. Ebben az esetben az opció -g ez azt jelenti, hogy az eszközt az egész rendszerbe telepíteni fogjuk, amelyet az összes felhasználó használhat.
sudo npm install -g @angular/cli
A telepítés után megtehetjük indítsa el az Angular CLI-t ng futtatható fájl segítségével amelyet most telepítenünk kell a rendszerünkre. Hajtsa végre a következő parancsot a terminálban (Ctrl + Alt + T) az Angular CLI telepített verziójának ellenőrzéséhez:
ng --version
Projekt létrehozása az Angular CLI használatával
Most nézzük meg, hogyan hozhatunk létre, építhetünk és szolgálhatunk ki egy új alapszögű projektet. Első, megyünk a webgyökér könyvtárba a szerverünkről. Ezután létrehozunk egy új szögletes alkalmazást az alábbiak szerint:
cd /var/www/html/ sudo ng new ubunlog-app
El kell döntenünk, hogy névtelen adatokat akarunk-e megosztani az Angular csapatával. Tovább megyünk az imént létrehozott alkalmazás könyvtárába. Fogunk kezdje el kiszolgálni az alkalmazást amint azt a következők mutatják:
cd ubunlog-app ng serve
Az előző paranccsal a képernyőn leszünk egy link, amely megmondja nekünk, hogyan láthatjuk működésünket az alkalmazásunkban.
Mielőtt hozzáférhetünk egy webböngészőből, tűzfalszolgáltatás futása esetén meg kell nyitnunk a 4200 portot ennek konfigurációjában, az alábbiak szerint:
sudo ufw allow 4200/tcp sudo ufw reload
Ezt követően megnyithatjuk kedvenc webböngészőnket, és navigálhatunk a terminál által megadott URL segítségével lásd az új alkalmazás futtatását, a következő képernyőképen látható módon.
http://localhost:4200/
Használhatjuk ezt a másik URL-t is alkalmazásunk eléréséhez:
http://IP_SERVIDOR:4200
Meg kell említeni, hogy ha a "tálalás„Alkalmazás felépítése és helyi kiszolgálás, amint az imént láttuk, a szerver automatikusan újjáépíti az alkalmazást és újratölti a weboldalakat, amikor a forrásfájlok bármelyikét megváltoztatjuk.
Ha meg akarjuk szerezni további információ az ng eszközről, a következő parancsot futtathatjuk a terminálban (Ctrl + Alt + T):
ng help
Ebben a cikkben láthattuk, hogyan kell a az Angular CLI egyszerű telepítése az Ubuntu rendszerünkre, egy alapalkalmazás felépítése, fordítása és kiszolgálása mellett egy fejlesztői kiszolgálón.
Ezek csak a legalapvetőbb első lépések, amelyeket meg lehet tenni a szögletes CLI-vel. Mert további információ az Angular CLI-ről, konzultálhatunk a a projekt hivatalos honlapja.