Weboldal keresés

Angular CLI – Új szögprojekt létrehozása Linuxban


Az Angular egy nyílt forráskódú, népszerű és nagymértékben bővíthető front-end alkalmazásfejlesztési keretrendszer, amelyet mobil- és webes alkalmazások készítésére használnak TypeScript/JavaScript használatával. és más köznyelvek.

Az Angular egy gyűjtőfogalom az összes Angular verzióra, amely az AngularJS (vagy Angular 1.0-s verzió) után jön, beleértve az Angular 2t is. és Angular 4.

Az Angular kiválóan alkalmas kis és nagyméretű alkalmazások építésére a semmiből. Az alkalmazásfejlesztést segítő Angular platform egyik kulcsfontosságú összetevője az Angular CLI segédprogram – ez egy egyszerű és könnyen használható parancssori eszköz, amellyel létrehozhat. , Angular alkalmazások kezelése, létrehozása és tesztelése.

Ebben a cikkben elmagyarázzuk, hogyan kell telepíteni az Angular parancssori eszközt Linux rendszeren, és megtanulunk néhány alapvető példát erre az eszközre.

A Node.js telepítése Linux alatt

Az Angular CLI telepítéséhez telepítenie kell a Node.js és az NPM legújabb verzióját a Linux rendszerére.

Telepítse a Node.js-t Ubuntu-ra

------------- For Node.js v19.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v18.x -------------
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v16.x -------------
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v14.x -------------
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

Telepítse a Node.js-t Debianra

------------- For Node.js v19.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v18.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v16.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v14.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\
sudo apt-get install -y nodejs

Telepítse a Node.js-t RHEL, CentOS, Fedora, Rocky és Alma Linux rendszereken

------------- For Node.js v19.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v18.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v16.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v14.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash -
sudo yum install -y nodejs

Ezenkívül az NPMből származó natív bővítmények összeállításához és telepítéséhez fejlesztőeszközöket kell telepítenie a rendszerére az alábbiak szerint.

sudo apt install -y build-essential  [On Debian/Ubuntu]
sudo yum install gcc-c++ make        [On RHEL Systems]

Az Angular CLI telepítése Linux alatt

Miután a fentiek szerint telepítette a Node.js és az NPM fájlt, telepítheti az Angular CLI elemet az npm csomagkezelő segítségével. az alábbiak szerint (a -g jelző azt jelenti, hogy az eszközt az egész rendszerre telepíteni kell, hogy minden rendszerfelhasználó használhassa).

npm install -g @angular/cli
OR
sudo npm install -g @angular/cli

Elindíthatja az Angular CLI-t az ng végrehajtható fájl használatával, amelyet most telepíteni kell a rendszerére. Futtassa a következő parancsot a telepített Angular CLI verziójának ellenőrzéséhez.

ng version
OR
ng --version

Szögprojekt létrehozása Angular CLI használatával

Ebben a részben bemutatjuk, hogyan lehet új, alapvető Angular projektet létrehozni, felépíteni és szolgálni. Először lépjen be a kiszolgáló webroot könyvtárába, majd inicializáljon egy új Angular alkalmazást az alábbiak szerint (ne felejtse el követni az utasításokat):

cd /var/www/html/
ng new tecmint-app			#as root
OR
sudo ng new tecmint-app		#non-root user

Ezután lépjen be az éppen létrehozott alkalmazáskönyvtárba, és szolgálja ki az alkalmazást az ábrán látható módon.

cd tecmint-app
ls 			#list project files
ng serve

Mielőtt hozzáférhetne új alkalmazásához egy webböngészőből, ha tűzfalszolgáltatása fut, meg kell nyitnia a 4200-as portot a tűzfalkonfigurációban az ábra szerint.

---------- On Firewalld ---------- 
firewall-cmd --permanent --zone=public --add-port=4200/tcp 
firewall-cmd --reload

---------- On UFW ----------
sudo ufw allow 4200/tcp
sudo ufw reload

Most megnyithat egy webböngészőt, és a következő cím használatával navigálhat, hogy az új alkalmazás a következő képernyőképen látható módon futjon.

http://localhost:4200/ 
or 
http://SERVER_IP:4200 

Megjegyzés: Ha az ng serve parancsot használja egy alkalmazás létrehozásához és helyi kiszolgálásához, a fent látható módon a szerver automatikusan újraépíti az alkalmazást és újratölti a weboldal(oka)t, ha módosítja valamelyik forrásfájlt.

Az ng eszközzel kapcsolatos további információkért futtassa a következő parancsot.

ng help

Az Angular CLI kezdőlapja: https://angular.io/cli

Ebben a cikkben bemutattuk, hogyan telepíthető az Angular CLI különböző Linux-disztribúciókra. Kitértünk arra is, hogyan készítsünk, fordítsunk és szolgáljunk ki egy alap Angular alkalmazást fejlesztői szerveren. Ha bármilyen kérdése vagy gondolata van, amelyet meg szeretne osztani velünk, használja az alábbi visszajelzési űrlapot.