Kif Tinstalla Angular CLI fuq Linux


Angular huwa qafas ta' żvilupp ta' applikazzjonijiet front-end b'sors miftuħ, popolari u li jista' jestendi ħafna, użat għall-bini ta' applikazzjonijiet mobbli u web bl-użu ta' TypeScript/JavaScript u lingwi komuni oħra. Angular huwa terminu umbrella għall-verżjonijiet Angolari kollha li jiġu wara AngularJS (jew verżjoni Angular 1.0) inklużi Angular 2, u Angular 4.

Angular huwa adattat tajjeb għall-bini ta 'applikazzjonijiet fuq skala żgħira għal kbira mill-bidu. Wieħed mill-komponenti ewlenin tal-pjattaforma Angular biex jgħin fl-iżvilupp tal-applikazzjoni huwa l-utilità Angular CLI - hija għodda tal-linja tal-kmand sempliċi u faċli biex tintuża biex toħloq, timmaniġġja, tibni u tittestja applikazzjonijiet Angular.

F'dan l-artikolu, se nispjegaw kif tinstalla l-għodda tal-linja tal-kmand Angular fuq sistema Linux u nitgħallmu xi eżempji bażiċi ta 'din l-għodda.

Installazzjoni ta 'Node.js fil-Linux

Biex tinstalla Angular CLI, jeħtieġ li jkollok l-aħħar verżjoni ta 'Node.js u NPM installata fis-sistema Linux tiegħek.

$ 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]

Ukoll, biex tiġbor u tinstalla add-ons indiġeni minn NPM jista 'jkollok bżonn tinstalla għodod ta' żvilupp fis-sistema tiegħek kif ġej.

$ 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+]

Installazzjoni Angular CLI fil-Linux

Ladarba jkollok Node.js u NPM installati, kif muri hawn fuq, tista’ tinstalla Angular CLI billi tuża l-maniġer tal-pakkett npm kif ġej (il-marka -g tfisser li tinstalla l-għodda fis-sistema kollha biex tintuża minn l-utenti kollha tas-sistema).

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

Tista' tniedi l-Angular CLI billi tuża l-ng eżekutibbli li issa għandu jiġi installat fis-sistema tiegħek. Mexxi l-kmand li ġej biex tivverifika l-verżjoni ta 'Angular CLI installata.

# ng --version

Ħolqien ta 'Proġett Angolari Bl-użu ta' CLI Angolari

F'din it-taqsima, se nuru kif noħolqu, nibnu u nservu proġett Angular ġdid u bażiku. L-ewwel, mur fid-direttorju tal-webroot tas-server tiegħek, imbagħad inizjalizza applikazzjoni Angular ġdida kif ġej (ftakar li ssegwi l-istruzzjonijiet):

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

Sussegwentement, mur fid-direttorju tal-applikazzjoni li għadu kif inħoloq u sservi l-applikazzjoni kif muri.

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

Qabel ma tkun tista’ taċċessa l-app il-ġdida tiegħek minn web browser, jekk għandek servizz tal-firewall qed jaħdem, trid tiftaħ il-port 4200 fil-konfigurazzjoni tal-firewall kif muri.

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

Issa tista 'tiftaħ web browser u tinnaviga billi tuża l-indirizz li ġej biex tara l-app il-ġdida taħdem kif muri fil-screenshot li ġej.

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

Nota: Jekk tuża l-kmand ng iservi biex tibni applikazzjoni u sserviha lokalment, kif muri hawn fuq, is-server awtomatikament jerġa’ jibni l-app u jerġa’ jtella’ l-paġna(jiet) tal-web meta tibdel xi wieħed mis-sors. fajls.

Għal aktar informazzjoni dwar l-għodda ng, ħaddem il-kmand li ġej.

# ng help

Il-Homepage Angular CLI: https://angular.io/cli

F'dan l-artikolu, urejna kif tinstalla Angular CLI fuq distribuzzjonijiet Linux differenti. Aħna koprejna wkoll kif tibni, tikkompila u tisservej applikazzjoni Angular bażika fuq server ta 'żvilupp. Għal kwalunkwe mistoqsija jew ħsibijiet, trid taqsam magħna, uża l-formola ta 'feedback hawn taħt.