Jinsi ya kufunga Angular CLI kwenye Linux
Angular ni mfumo huria, maarufu na unaoweza kupanuliwa sana wa maendeleo wa programu ya mbele, unaotumika kujenga programu za rununu na wavuti kwa kutumia TypeScript/JavaScript na lugha zingine za kawaida. Angular ni neno mwavuli kwa matoleo yote ya Angular ambayo huja baada ya AngularJS (au Angular toleo la 1.0) ikijumuisha Angular 2, na Angular 4.
Angular inafaa kwa ajili ya kujenga programu ndogo hadi kubwa kutoka mwanzo. Moja ya vipengele muhimu vya jukwaa la Angular kusaidia maendeleo ya maombi ni shirika la Angular CLI - ni zana rahisi na rahisi kutumia ya mstari wa amri inayotumiwa kuunda, kusimamia, kujenga na kupima maombi ya Angular.
Katika makala hii, tutaelezea jinsi ya kufunga chombo cha mstari wa amri ya Angular kwenye mfumo wa Linux na kujifunza baadhi ya mifano ya msingi ya chombo hiki.
Inasakinisha Node.js kwenye Linux
Ili kusakinisha Angular CLI, unahitaji kuwa na toleo jipya zaidi la Node.js na NPM iliyosakinishwa kwenye mfumo wako wa Linux.
$ 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]
Pia, ili kukusanya na kusakinisha viongezi asilia kutoka kwa NPM huenda ukahitaji kusakinisha zana za ukuzaji kwenye mfumo wako kama ifuatavyo.
$ 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+]
Kufunga Angular CLI kwenye Linux
Mara tu unaposakinisha Node.js na NPM, kama inavyoonyeshwa hapo juu, unaweza kusakinisha Angular CLI kwa kutumia kidhibiti kifurushi cha npm kama ifuatavyo ( -g
bendera inamaanisha kusakinisha mfumo mzima wa zana utakaotumiwa na watumiaji wote wa mfumo).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Unaweza kuzindua Angular CLI kwa kutumia ng
inayoweza kutekelezeka ambayo sasa inapaswa kusakinishwa kwenye mfumo wako. Endesha amri ifuatayo ili kuangalia toleo la Angular CLI iliyosanikishwa.
# ng --version
Kuunda Mradi wa Angular Kwa Kutumia Angular CLI
Katika sehemu hii, tutaonyesha jinsi ya kuunda, kujenga na kutumikia mradi mpya wa Angular. Kwanza, nenda kwenye saraka ya webroot ya seva yako, kisha uanzishe programu mpya ya Angular kama ifuatavyo (kumbuka kufuata maongozi):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
Ifuatayo, nenda kwenye saraka ya programu ambayo imeundwa hivi karibuni na utumie programu kama inavyoonyeshwa.
# cd tecmint-app # ls #list project files # ng serve
Kabla ya kufikia programu yako mpya kutoka kwa kivinjari cha wavuti, ikiwa una huduma ya ngome inayofanya kazi, unahitaji kufungua port 4200 katika usanidi wa ngome kama inavyoonyeshwa.
---------- 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
Sasa unaweza kufungua kivinjari na usogeza kwa kutumia anwani ifuatayo ili kuona programu mpya ikiendeshwa kama inavyoonyeshwa kwenye picha ya skrini ifuatayo.
http://localhost:4200/ or http://SERVER_IP:4200
Kumbuka: Ukitumia amri ng
kutumika kuunda programu na kuitumikia ndani ya nchi, kama inavyoonyeshwa hapo juu, seva hutengeneza upya programu kiotomatiki na kupakia upya kurasa za wavuti unapobadilisha chanzo chochote. mafaili.
Kwa habari zaidi kuhusu zana ya ng, endesha amri ifuatayo.
# ng help
Ukurasa wa Nyumbani wa Angular CLI: https://angular.io/cli
Katika makala hii, tumeonyesha jinsi ya kufunga Angular CLI kwenye usambazaji tofauti wa Linux. Pia tulishughulikia jinsi ya kuunda, kukusanya na kuhudumia programu-tumizi ya msingi ya Angular kwenye seva ya ukuzaji. Kwa maswali au mawazo yoyote, ungependa kushiriki nasi, tumia fomu ya maoni iliyo hapa chini.