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.