Linux-da Angular CLI-ni nädip gurmaly


Burç, TypeScript/JavaScript we beýleki umumy dilleri ulanyp, ykjam we web programmalaryny gurmak üçin ulanylýan açyk çeşme, meşhur we ýokary giňeldilen öňdäki programma ösüş çarçuwasydyr. Angular, AngularJS (ýa-da Angular wersiýasy 1.0) -den soň gelýän Angular 2 we Angular 4-den soň gelýän ähli Angular wersiýalary üçin saýawan terminidir.

Burç, başdan kiçi we uly göwrümli programmalary gurmak üçin amatlydyr. Programmanyň işlenip düzülmegine kömek etmek üçin “Angular” platformasynyň esasy komponentlerinden biri “Angular CLI” programmasydyr - “Angular” programmalaryny döretmek, dolandyrmak, gurmak we synag etmek üçin ulanylýan ýönekeý we ulanylmagy aňsat buýruk setiridir.

Bu makalada Linux ulgamyna Angular buýruk setiri guralyny nädip gurmalydygyny we bu guralyň käbir esasy mysallaryny öwreneris.

Linux-da Node.js gurmak

Angular CLI gurmak üçin Linux ulgamyňyzda Node.js we NPM-iň iň soňky wersiýasy bolmaly.

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

Şeýle hem, NPM-den ýerli goşmaçalary düzmek we gurmak üçin ulgamyňyza ösüş gurallaryny aşakdaky ýaly gurnamaly bolup bilersiňiz.

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

Linux-da Angular CLI gurmak

Node.js we NPM gurlandan soň, ýokarda görkezilişi ýaly, npm paket dolandyryjysyny ulanyp, Angular CLI-ni aşakdaky ýaly gurup bilersiňiz ( -g baýdagy, ulanyljak gural ulgamyny gurmagy aňladýar. ulgam ulanyjylarynyň hemmesi).

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

Indi ulgamyňyza gurulmaly ng ýerine ýetirip bolýan Angular CLI-ni işe girizip bilersiňiz. Gurlan Angular CLI wersiýasyny barlamak üçin aşakdaky buýrugy işlediň.

# ng --version

Burçly CLI ulanyp burç taslamasyny döretmek

Bu bölümde täze, esasy burç taslamasyny nädip döretmelidigini, gurmalydygyny we hyzmat etjekdigini görkezeris. Ilki bilen serweriňiziň webroot katalogyna geçiň, soňra aşakdaky ýaly täze Angular programmasyny işe giriziň (görkezmeleri ýerine ýetirmegi ýatdan çykarmaň):

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

Ondan soň ýaňy döredilen programma katalogyna geçiň we görkezilişi ýaly programma hyzmat ediň.

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

Web brauzeriňizden täze programmaňyza girmezden ozal, diwar gorag hyzmaty işleýän bolsa, gorag diwary konfigurasiýasynda görkezilişi ýaly 4200 port açmaly.

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

Indi web brauzerini açyp, täze programmanyň aşakdaky skrinshotda görkezilişi ýaly işlemegini görmek üçin aşakdaky adresi ulanyp gezip bilersiňiz.

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

Bellik: aboveokarda görkezilişi ýaly bir programma gurmak we ýerli hyzmat etmek üçin ng buýrugyny ulansaňyz, serwer awtomatiki usulda täzeden gurulýar we çeşmäniň haýsydyr birini üýtgedeniňizde web sahypasyny täzeden açýar. faýllary.

Ng guraly barada has giňişleýin maglumat üçin aşakdaky buýrugy işlediň.

# ng help

Burçly CLI baş sahypasy: https://angular.io/cli

Bu makalada dürli Linux paýlamalarynda Angular CLI-ni nädip gurmalydygyny görkezdik. Şeýle hem, ösüş serwerinde esasy Angular programmasyny nädip gurmalydygyny, düzmelidigini we serwerini açdyk. Islendik sorag ýa-da pikir üçin, biziň bilen paýlaşmak isleýärsiňiz, aşakdaky jogap görnüşini ulanyň.