Angular CLI – kaip sukurti naują kampinį projektą „Linux“.
Angular yra atvirojo kodo, populiari ir labai išplečiama priekinių programų kūrimo sistema, naudojama kuriant mobiliąsias ir žiniatinklio programas naudojant TypeScript/JavaScript. ir kitos bendrinės kalbos.
Angular yra bendras terminas visoms Angular versijoms, kurios yra po AngularJS (arba Angular 1.0 versijos), įskaitant Angular 2 ir 4 kampinis.
Kampinis puikiai tinka nuo pat pradžių kurti mažus ir didelius įrenginius. Vienas iš pagrindinių Angular platformos komponentų, padedančių kurti programas, yra Angular CLI įrankis – tai paprastas ir lengvai naudojamas komandinės eilutės įrankis, naudojamas kuriant. , valdyti, kurti ir išbandyti Angular programas.
Šiame straipsnyje paaiškinsime, kaip įdiegti komandų eilutės įrankį Angular Linux sistemoje, ir sužinosime keletą pagrindinių šio įrankio pavyzdžių.
„Node.js“ diegimas sistemoje „Linux“.
Norėdami įdiegti Angular CLI, „Linux“ sistemoje turite turėti naujausią „Node.js“ ir NPM versiją.
Įdiekite Node.js Ubuntu
------------- For Node.js v19.x -------------
curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v18.x -------------
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v16.x -------------
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v14.x -------------
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\
sudo apt-get install -y nodejs
Įdiekite Node.js sistemoje Debian
------------- For Node.js v19.x -------------
curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v18.x -------------
curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v16.x -------------
curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v14.x -------------
curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\
sudo apt-get install -y nodejs
Įdiekite Node.js RHEL, CentOS, Fedora, Rocky ir Alma Linux
------------- For Node.js v19.x -------------
curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash -
sudo yum install -y nodejs
------------- For Node.js v18.x -------------
curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash -
sudo yum install -y nodejs
------------- For Node.js v16.x -------------
curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash -
sudo yum install -y nodejs
------------- For Node.js v14.x -------------
curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash -
sudo yum install -y nodejs
Be to, norint kompiliuoti ir įdiegti savuosius priedus iš NPM, gali tekti įdiegti kūrimo įrankius savo sistemoje, kaip nurodyta toliau.
sudo apt install -y build-essential [On Debian/Ubuntu]
sudo yum install gcc-c++ make [On RHEL Systems]
„Angular CLI“ diegimas sistemoje „Linux“.
Įdiegę Node.js ir NPM, kaip parodyta anksčiau, galite įdiegti kampinį CLI naudodami npm paketų tvarkyklę (vėliava -g reiškia įdiegti įrankį visoje sistemoje, kad jį naudotų visi sistemos vartotojai).
npm install -g @angular/cli
OR
sudo npm install -g @angular/cli
Galite paleisti Angular CLI naudodami vykdomąjį failą ng, kuris dabar turėtų būti įdiegtas jūsų sistemoje. Vykdykite šią komandą, kad patikrintumėte įdiegtą Angular CLI versiją.
ng version
OR
ng --version
Kampinio projekto kūrimas naudojant kampinį CLI
Šiame skyriuje parodysime, kaip sukurti, sukurti ir aptarnauti naują, pagrindinį Angular projektą. Pirmiausia pereikite prie savo serverio webroot katalogo, tada inicijuokite naują Angular programą, kaip nurodyta toliau (nepamirškite vadovautis nurodymais):
cd /var/www/html/
ng new tecmint-app #as root
OR
sudo ng new tecmint-app #non-root user
Tada eikite į ką tik sukurtą programų katalogą ir pateikite programą, kaip parodyta.
cd tecmint-app
ls #list project files
ng serve
Jei naudojate ugniasienės paslaugą, kad galėtumėte pasiekti naują programą iš žiniatinklio naršyklės, ugniasienės konfigūracijoje turite atidaryti prievadą 4200, kaip parodyta.
---------- On Firewalld ----------
firewall-cmd --permanent --zone=public --add-port=4200/tcp
firewall-cmd --reload
---------- On UFW ----------
sudo ufw allow 4200/tcp
sudo ufw reload
Dabar galite atidaryti žiniatinklio naršyklę ir naršyti naudodami šį adresą, kad pamatytumėte, kaip veikia nauja programa, kaip parodyta toliau pateiktoje ekrano kopijoje.
http://localhost:4200/
or
http://SERVER_IP:4200
Pastaba: jei naudojate komandą ng serve, norėdami sukurti programą ir teikti ją vietoje, kaip parodyta aukščiau, serveris automatiškai atkuria programą ir iš naujo įkelia tinklalapį (-ius), kai pakeičiate bet kurį šaltinio failą.
Norėdami gauti daugiau informacijos apie ng įrankį, paleiskite šią komandą.
ng help
Angular CLI pagrindinis puslapis: https://angular.io/cli
Šiame straipsnyje parodėme, kaip įdiegti Angular CLI skirtinguose Linux platinimuose. Taip pat aptarėme, kaip kurti, kompiliuoti ir aptarnauti pagrindinę Angular programą kūrimo serveryje. Jei turite klausimų ar minčių, kuriuos norite pasidalinti su mumis, naudokite toliau pateiktą atsiliepimų formą.