Esihlokweni esilandelayo sizobheka i-Angular CLI. Uma kwenzeka ungazi I-Angular inguhlaka lomthombo ovulekile wokuthuthukisa uhlelo lokusebenza, ithandwa futhi iyandiswa kakhulu. Ingasetshenziselwa ukwakha izinhlelo zokusebenza zeselula nezewebhu usebenzisa i-TypeScript, JavaScript nezinye izilimi ezivamile. I-Angular yigama lokulala lazo zonke izinhlobo ze-Angular eziza ngemuva kwe-AngularJS.
Lolu hlaka lwentuthuko lukufanele kahle ukwakha izicelo kusukela ekuqaleni, kusuka kokuncane kuya kokukhulu. Enye yezinto ezibalulekile zepulatifomu ye-Angular ukusiza ukuthuthukiswa kohlelo lokusebenza kuyisetshenziswa se-Angular CLI. Ithuluzi elilula futhi elilula ukusebenzisa umugqa womyalo. Isetshenziselwa ukudala, ukuphatha, ukwakha nokuhlola izinhlelo zokusebenza ezenziwe nge-Angular.
Emigqeni elandelayo sizobona ukuthi singakwenza kanjani lokho faka ithuluzi lomugqa we-Angular ku-Ubuntu 19.04 system yethu. Sizobona nesibonelo esiyisisekelo saleli thuluzi.
Ukufaka i-Node.js ku-Ubuntu
Ukufaka i-Angular CLI kuzodingeka ukuthi sibe nohlobo lwamanje lweNode.js ne-NPM efakwe kusistimu yethu. Ukwenza lokhu, kufanele sivule ukuphela (Ctrl + Alt + T) bese sibhala kuwo:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Futhi, ukuhlanganisa nokufaka ama-plugins wendabuko we-NPM, singadinga ukufaka amathuluzi wonjiniyela kusistimu yethu. Ukwenza kanjalo, esigungwini esifanayo sizokwenza okulandelayo:
sudo apt install -y build-essential
Ukufakwa kwe-Angular CLI ku-Ubuntu 19.04
Ngemuva kokufakwa kweNode.js ne-NPM njengoba sibonile nje, sizokwenza faka i-Angular CLI usebenzisa umphathi wepakeji ka-npm Ngokulandelayo. Kulokhu, inketho -g kusho ukuthi sizofaka ithuluzi kulo lonke uhlelo, elizosetshenziswa yibo bonke abasebenzisi balo.
sudo npm install -g @angular/cli
Ngemuva kokufakwa, singakwazi qala Angular CLI using ng executable okufanele manje ifakwe ohlelweni lwethu. Yenza umyalo olandelayo ku-terminal (Ctrl + Alt + T) ukuqinisekisa inguqulo ye-Angular CLI efakiwe:
ng --version
Ukwakha iphrojekthi kusetshenziswa i-Angular CLI
Manje ake sibone ukuthi singayakha kanjani, sakhe futhi sikhonze iphrojekthi entsha eyisisekelo ye-Angular. Okokuqala, sizoya enkombeni ye-webroot kusuka kuseva yethu. Ngemuva kwalokho sizokwakha uhlelo olusha lwe-Angular ngokulandelayo:
cd /var/www/html/ sudo ng new ubunlog-app
Kuzofanele sinqume ukuthi sifuna ukwabelana ngemininingwane engaziwa eqenjini le-Angular. Siyaqhubeka nokuya enkombeni yesicelo esisanda kuyidala. Siya qala ukukhonza uhlelo lokusebenza njengoba kukhonjiswa kokulandelayo:
cd ubunlog-app ng serve
Umyalo odlule uzosibeka esikrinini isixhumanisi esizositshela ukuthi singabona kanjani ukuthi uhlelo lwethu lokusebenza lusebenza.
Ngaphambi kokuthi siyifinyelele kusuka kusiphequluli sewebhu, uma kwenzeka sisebenza ngensizakalo ye-firewall, kufanele sivule i-port 4200 ekucushweni kwalokhu, njengoba kukhonjisiwe ngezansi:
sudo ufw allow 4200/tcp sudo ufw reload
Ngemuva kwalokhu, singavula isiphequluli sethu sewebhu esizithandayo bese sizula sisebenzisa i-URL enikezwe yi-terminal to bona uhlelo olusha run, njengoba kukhonjisiwe ku-skrini elandelayo.
http://localhost:4200/
Futhi singasebenzisa le enye i-URL ukufinyelela kuhlelo lwethu lokusebenza:
http://IP_SERVIDOR:4200
Kufanele kushiwo ukuthi uma sisebenzisa umyalo "ng khonza”Ukwakha isicelo nokusihambisa endaweni yangakini njengoba sibonile nje, iseva yakha kabusha uhlelo ngokuzenzekelayo futhi ilayishe kabusha amakhasi ewebhu lapho siguqula noma yimaphi amafayela womthombo.
Uma sifuna ukuthola imininingwane eminingi mayelana nethuluzi ng, singaqhuba umyalo olandelayo ku-terminal (Ctrl + Alt + T):
ng help
Kulesi sihloko, sibonile ukuthi ungayenza kanjani ifayili le- ukufakwa okulula kwe-Angular CLI ohlelweni lwethu lwe-Ubuntu, ngaphezu kokwakha, ukuhlanganisa, kanye nokufaka uhlelo lokusebenza oluyisisekelo kuseva yentuthuko.
Lezi yizinyathelo zokuqala eziyisisekelo kuphela ezingathathwa nge-Angular CLI. Ngoba bona imininingwane eminingi nge-Angular CLI, singabonisana ne- iwebhusayithi esemthethweni yephrojekthi.