Yadda ake Shigar da CLU na Angular akan Linux
Angular sigar bude-tushe ce, sananniya kuma mai matukar iya fadada tsarin ci gaban aikace-aikacen gaba, ana amfani dashi don gina wayar hannu da aikace-aikacen yanar gizo ta amfani da TypeScript/JavaScript da sauran yarukan gama gari. Angular kalma ce ta laima ga duk sigar Angular da ta zo bayan AngularJS (ko sigar Angular 1.0) gami da Angular 2, da Angular 4.
Kusurwa ya dace sosai don gina ƙananan aikace-aikace masu yawa daga karce. Ofaya daga cikin mahimman abubuwan da aka haɗa a dandalin Angular don taimakawa ci gaban aikace-aikace shine mai amfani da Angular CLI - kayan aiki ne mai sauƙi da sauƙin amfani da ake amfani dashi don ƙirƙira, sarrafawa, ginawa da gwada aikace-aikacen Angular.
A cikin wannan labarin, zamuyi bayanin yadda za'a girka kayan aikin layin Angular akan tsarin Linux kuma koya wasu misalai na wannan kayan aikin.
Gyara Node.js a cikin Linux
Don shigar da Angular CLI, kuna buƙatar samun sabon sigar Node.js da NPM akan tsarin Linux ɗinku.
$ 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]
Hakanan, don tarawa da shigar da nativean asalin ƙasar daga NPM kuna iya buƙatar shigar da kayan aikin ci gaba akan tsarin ku kamar haka.
$ 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+]
Shigar da CLU na Angular a cikin Linux
Da zarar kun shigar da Node.js da NPM, kamar yadda aka nuna a sama, zaku iya sanya CLU na Angular ta amfani da manajan kunshin npm kamar haka (tutar -g na nufin girka tsarin kayan aikin ko'ina don amfani da su duk masu amfani da tsarin).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Kuna iya ƙaddamar da CLI na Angular ta amfani da ng zartarwa wanda ya kamata a girka yanzu akan tsarinku. Gudun umarni mai zuwa don bincika sigar Angular CLI da aka girka.
# ng --version
Creatirƙirar ularaukaka Angula Ta amfani da CLI Angular
A cikin wannan ɓangaren, za mu nuna yadda za a ƙirƙira, gina, da hidimar sabon, aikin Angular na asali. Da farko, matsa cikin kundin adireshin gidan yanar sadarwar ka, sannan ka fara sabon aikace-aikacen Angular kamar haka (ka tuna ka bi tsokana):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
Na gaba, matsa zuwa cikin kundin aikace-aikacen aikace-aikace wanda kawai aka kirkireshi kuma yayi aiki kamar yadda aka nuna.
# cd tecmint-app # ls #list project files # ng serve
Kafin ka sami damar shiga sabuwar manhajarka daga mashigar gidan yanar gizo, idan kana da sabis na Tacewar Tacewa da ke gudana, kana buƙatar buɗe tashar jirgin ruwa 4200 a cikin daidaitawar Tacewar zaɓi kamar yadda aka nuna.
---------- 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
Yanzu zaku iya buɗe burauzar yanar gizo kuyi kewaya ta amfani da adireshin da ke gaba don ganin sabon aikace-aikacen yana gudana kamar yadda aka nuna a cikin hoto mai zuwa.
http://localhost:4200/ or http://SERVER_IP:4200
Lura: Idan kayi amfani da umarnin ng yi amfani da shi don gina aikace-aikace da kuma yi masa hidima a cikin gida, kamar yadda aka nuna a sama, sabar ta sake gina aikin ta atomatik kuma ta sake loda shafin yanar gizon (s) lokacin da kuka canza kowane tushe. fayiloli
Don ƙarin bayani game da kayan aikin ng, gudanar da umarni mai zuwa.
# ng help
Shafin Fuskar CLI na Angular: https://angular.io/cli
A cikin wannan labarin, mun nuna yadda ake girka Angular CLI akan rarraba Linux daban-daban. Har ila yau, mun rufe yadda za a gina, tarawa da sabar kayan aikin Angular na asali akan sabar ci gaba. Ga kowane tambaya ko tunani, kuna so ku raba tare da mu, yi amfani da fom ɗin da ke ƙasa.