Kuidas nurk-CLI-d Linuxile installida

Angular on avatud lähtekoodiga, populaarne ja väga laiendatav esiotsa rakenduste arendamise raamistik, mida kasutatakse mobiilseadmete ja veebirakenduste loomiseks TypeScript/JavaScripti ja muude levinud keelte abil. Nurk on kõigi AngularJS (või Angular version 1.0) järel olevate nurgavariantide katusmõiste, sealhulgas Angular 2 ja Angular 4.

Nurk sobib hästi väikeste ja suuremahuliste rakenduste ehitamiseks nullist. Rakenduse arendamise abistamiseks on Angular platvormi üks põhikomponente Angular CLI utiliit - see on lihtne ja hõlpsasti kasutatav käsurea tööriist, mida kasutatakse nurkade rakenduste loomiseks, haldamiseks, ehitamiseks ja testimiseks.

Selles artiklis selgitame, kuidas Angulari käsurea tööriista Linuxi süsteemi installida, ja tutvume selle tööriista mõnede põhinäidetega.

Node.js installimine Linuxi

Nurga CLI installimiseks peab teie Linuxi süsteemi olema installitud Node.js ja NPM uusim versioon.

$ sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - [for Node.js version 12]
$ sudo curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash - [for Node.js version 11]
$ sudo curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - [for Node.js version 10]
$ sudo apt install -y nodejs

# curl -sL https://deb.nodesource.com/setup_12.x | bash - [for Node.js version 12]
# curl -sL https://deb.nodesource.com/setup_11.x | bash - [for Node.js version 11]
# curl -sL https://deb.nodesource.com/setup_10.x | bash - [for Node.js version 10]
# apt install -y nodejs

# curl -sL https://rpm.nodesource.com/setup_12.x | bash - [for Node.js version 12]
# curl -sL https://rpm.nodesource.com/setup_11.x | bash - [for Node.js version 11]
# curl -sL https://rpm.nodesource.com/setup_10.x | bash - [for Node.js version 10]
# yum -y install nodejs
# dnf -y install nodejs [On RHEL 8 and Fedora 22+ versions]

NPM-i kohalike lisandmoodulite kompileerimiseks ja installimiseks peate võib-olla installima oma süsteemi arendustööriistad järgmiselt.

$ sudo apt install -y build-essential  [On Debian/Ubuntu]
# yum install gcc-c++ make             [On CentOS/RHEL]
# dnf install gcc-c++ make             [On RHEL 8/Fedora 22+]

Nurga CLI installimine Linuxis

Kui olete Node.js ja NPM installinud, nagu ülalpool näidatud, saate nurga CLI installida pakettihalduri npm abil järgmiselt (lipp -g tähendab kogu süsteemi tööriista installimist, et kõik süsteemi kasutajad).

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

Nurga-CLI saate käivitada käivitatava faili ng abil, mis peaks nüüd olema teie süsteemi installitud. Installige nurk-CLI versiooni kontrollimiseks järgmine käsk.

# ng --version

Nurga projekti loomine nurga CLI abil

Selles jaotises näitame, kuidas uut põhilist nurkprojekti luua, ehitada ja teenindada. Kõigepealt liikuge oma serveri veebijuure kataloogi ja lähtestage uus nurkarakendus järgmiselt (pidage meeles, et järgige viipasid):

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

Seejärel liikuge äsja loodud rakenduste kataloogi ja teenindage rakendust, nagu näidatud.

# cd tecmint-app
# ls 			#list project files
# ng serve

Enne kui saate oma uuele rakendusele veebibrauserist juurde pääseda, peate töötava tulemüüriteenuse korral avama tulemüüri konfiguratsioonis porti 4200, nagu näidatud.

---------- On CentOS/RHEL/Fedora ---------- 
# firewall-cmd --permanent --zone=public --add-port=4200/tcp 
# firewall-cmd --reload

---------- On Ubuntu/Debian ----------
$ sudo ufw allow 4200/tcp
$ sudo ufw reload

Nüüd saate avada veebibrauseri ja navigeerida järgmise aadressi abil, et näha uue rakenduse käitamist, nagu on näidatud järgmisel ekraanipildil.

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

Märkus. Kui kasutate rakenduse loomiseks käsku ng serve ja serveerite seda kohapeal, nagu ülaltoodud, ehitab server rakenduse automaatselt üles ja laadib veebisaidi (d) uuesti, kui muudate mõnda allikat faile.

Tööriista ng kohta lisateabe saamiseks käivitage järgmine käsk.

# ng help

Nurga CLI koduleht: https://angular.io/cli

Selles artiklis oleme näidanud, kuidas Angular CLI installida erinevatele Linuxi distributsioonidele. Käsitlesime ka seda, kuidas arendusserveris nurgeline põhirakendus üles ehitada, kompileerida ja serverida. Kõigi küsimuste või mõtete korral, mida soovite meiega jagada, kasutage allolevat tagasisidevormi.