Hvernig á að setja upp Angular CLI á Linux
Angular er opinn uppspretta, vinsæll og mjög teygjanlegur framendaforritaþróunarrammi, notaður til að byggja upp farsíma- og vefforrit með TypeScript/JavaScript og öðrum algengum tungumálum. Angular er regnhlífarheiti fyrir allar Angular útgáfur sem koma á eftir AngularJS (eða Angular útgáfu 1.0) þar á meðal Angular 2 og Angular 4.
Angular hentar vel til að smíða smá og stór forrit frá grunni. Einn af lykilþáttum Angular vettvangsins til að aðstoða við þróun forrita er Angular CLI tólið - það er einfalt og auðvelt í notkun skipanalínuverkfæri sem notað er til að búa til, stjórna, smíða og prófa Angular forrit.
Í þessari grein munum við útskýra hvernig á að setja upp Angular skipanalínuverkfæri á Linux kerfi og læra nokkur grunndæmi um þetta tól.
Að setja upp Node.js í Linux
Til að setja upp Angular CLI þarftu að hafa nýjustu útgáfuna af Node.js og NPM uppsett á Linux kerfinu þínu.
$ 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]
Einnig, til að setja saman og setja upp innbyggðar viðbætur frá NPM gætirðu þurft að setja upp þróunarverkfæri á kerfið þitt eins og hér segir.
$ 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+]
Að setja upp Angular CLI í Linux
Þegar þú hefur sett upp Node.js og NPM, eins og sýnt er hér að ofan, geturðu sett upp Angular CLI með því að nota npm pakkastjórann eins og hér segir (-g fáninn þýðir að setja upp tólið um allt kerfið til að nota af allir kerfisnotendur).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Þú getur ræst Angular CLI með ng keyrslunni sem ætti nú að vera settur upp á kerfinu þínu. Keyrðu eftirfarandi skipun til að athuga hvaða útgáfu af Angular CLI er uppsett.
# ng --version
Að búa til Angular verkefni með því að nota Angular CLI
Í þessum hluta munum við sýna hvernig á að búa til, smíða og þjóna nýju, undirstöðu Angular verkefni. Farðu fyrst inn í vefrótarskrána á netþjóninum þínum, frumstilltu síðan nýtt Angular forrit sem hér segir (mundu að fylgja leiðbeiningunum):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
Næst skaltu fara inn í forritaskrána sem hefur verið búið til og þjóna forritinu eins og sýnt er.
# cd tecmint-app # ls #list project files # ng serve
Áður en þú getur fengið aðgang að nýja appinu þínu úr vafra, ef þú ert með eldveggsþjónustu í gangi, þarftu að opna port 4200 í eldveggsstillingunum eins og sýnt er.
---------- 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
Nú geturðu opnað vafra og flakkað með því að nota eftirfarandi heimilisfang til að sjá nýja appið keyra eins og sýnt er á eftirfarandi skjámynd.
http://localhost:4200/ or http://SERVER_IP:4200
Athugið: Ef þú notar skipunina ng serve til að búa til forrit og þjóna því á staðnum, eins og sýnt er hér að ofan, endurbyggir þjónninn forritið sjálfkrafa og endurhleður vefsíðu(r) þegar þú breytir einhverjum uppruna skrár.
Fyrir frekari upplýsingar um ng tólið skaltu keyra eftirfarandi skipun.
# ng help
Heimasíða Angular CLI: https://angular.io/cli
Í þessari grein höfum við sýnt hvernig á að setja upp Angular CLI á mismunandi Linux dreifingum. Við fórum líka yfir hvernig á að smíða, setja saman og þjóna grunnforriti Angular á þróunarþjóni. Fyrir allar fyrirspurnir eða hugsanir, sem þú vilt deila með okkur, notaðu athugasemdareyðublaðið hér að neðan.