Angular CLI, fejlessze szögletes alkalmazásait az Ubuntuban

a szögletes-cli-ről

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:

letöltés nodejs 12

sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

apt nodejs telepítése

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.

npm szögletes cli telepítés

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:

verzió

ng --version

Projekt létrehozása az Angular CLI használatával

Kapcsolódó cikk:
Hogyan telepítsük az Apache webszervert az Ubuntu 18.04-re?

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:

szögletes cli APP létrehozása

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:

Szögletes összeállított alkalmazás

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.

Szögletes CLI alkalmazás a webböngészőben

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):

segítséget

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.


A cikk tartalma betartja a szerkesztői etika. A hiba bejelentéséhez kattintson a gombra itt.

Legyen Ön az első hozzászóló

Hagyja megjegyzését

E-mail címed nem kerül nyilvánosságra. Kötelező mezők vannak jelölve *

*

*

  1. Az adatokért felelős: Miguel Ángel Gatón
  2. Az adatok célja: A SPAM ellenőrzése, a megjegyzések kezelése.
  3. Legitimáció: Az Ön beleegyezése
  4. Az adatok közlése: Az adatokat csak jogi kötelezettség alapján továbbítjuk harmadik felekkel.
  5. Adattárolás: Az Occentus Networks (EU) által üzemeltetett adatbázis
  6. Jogok: Bármikor korlátozhatja, helyreállíthatja és törölheti adatait.