Angular CLI, zhvillo aplikacione këndore në Ubuntu

rreth këndore-cli

Në artikullin vijues do të hedhim një vështrim në CLI këndore. Në rast se akoma nuk e dini Angular është një kornizë e zhvillimit të aplikacioneve në front-end me burim të hapur, popullor dhe shumë i zgjerueshëm. Mund të përdoret për të ndërtuar aplikacione mobile dhe web duke përdorur TypeScript, JavaScript dhe gjuhë të tjera të zakonshme. Angular është një term batanije për të gjitha versionet e Angular që vijnë pas AngularJS.

Ky kornizë zhvillimi është i përshtatshëm për ndërtimin e aplikacioneve nga e para, duke filluar nga shkalla e vogël në shkallë të madhe. Një nga përbërësit kryesorë të platformës Angular për të ndihmuar zhvillimin e aplikacionit është dobia Angular CLI. Shtë një mjet i thjeshtë dhe i lehtë për t'u përdorur në rreshtin e komandës. Përdoret për të krijuar, menaxhuar, ndërtuar dhe provuar aplikacione të krijuara me Angular.

Në linjat vijuese do të shohim se si mundemi instaloni mjetin e rreshtit komandues këndor në sistemin tonë Ubuntu 19.04. Ne gjithashtu do të shohim një shembull themelor të këtij mjeti.

Instalimi i Node.js në Ubuntu

Për të instaluar CLI këndore do të jetë e nevojshme që ne të kemi të instaluar në sistemin tonë një version aktual të Node.js dhe NPM. Për ta bërë këtë, ne vetëm duhet të hapim një terminal (Ctrl + Alt + T) dhe të shkruajmë në të:

shkarkoni nodejs 12

sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

instalimi i duhur i nodejs

sudo apt install -y nodejs

Gjithashtu, për të përpiluar dhe instaluar shtojca vendase NPM, mund të na duhet të instalojmë mjete zhvilluesi në sistemin tonë. Për ta bërë këtë, në të njëjtin terminal do të bëjmë sa vijon:

sudo apt install -y build-essential

Instalim këndor CLI në Ubuntu 19.04

Pas instalimit të Node.js dhe NPM siç kemi parë, do të jemi në gjendje instaloni CLI këndore duke përdorur menaxherin e paketës npm si në vazhdim. Në këtë rast, opsioni -g do të thotë që ne do të instalojmë mjetin në të gjithë sistemin, që do të përdoret nga të gjithë përdoruesit e tij.

npm instalimi këndor i npm

sudo npm install -g @angular/cli

Pas instalimit, ne mundemi filloni CLI këndore duke përdorur ng të ekzekutueshëm e cila tani duhet të instalohet në sistemin tonë. Ekzekutoni komandën e mëposhtme në terminal (Ctrl + Alt + T) për të verifikuar versionin e instaluar Angular CLI:

versioni ng

ng --version

Krijimi i një projekti duke përdorur CLI këndor

ubuntu apache
Artikulli i lidhur:
Si të instaloni serverin Apache në Ubuntu 18.04?

Tani le të shohim se si mund të krijojmë, ndërtojmë dhe shërbejmë një projekt të ri themelor Angular. Së pari, ne do të shkojmë në drejtorinë webroot nga serveri ynë. Atëherë do të krijojmë një aplikacion të ri Angular si më poshtë:

krijim këndor APP

cd /var/www/html/

sudo ng new ubunlog-app

Ne do të duhet të vendosim nëse duam të ndajmë të dhëna anonime me ekipin Angular. Ne vazhdojmë të shkojmë në direktorinë e aplikacionit që sapo krijuam. Ne jemi duke shkuar tek filloni të shërbeni aplikacionin siç tregohet në vijim:

Aplikim i përpiluar këndor

cd ubunlog-app

ng serve

Komanda e mëparshme do të na vendosë në ekran një lidhje që do të na tregojë se si mund ta shohim aplikimin tonë në veprim.

Para se të mund ta përdorim atë nga një shfletues uebi, në rast të funksionimit të një shërbimi firewall, ne duhet të hapim portin 4200 në konfigurimin e kësaj, siç tregohet më poshtë:

sudo ufw allow 4200/tcp

sudo ufw reload

Pas kësaj, ne mund të hapim shfletuesin tonë të preferuar të internetit dhe të lundrojmë duke përdorur URL-në e dhënë nga terminali te shikoni ekzekutimin e ri të aplikacionit, siç tregohet në pamjen e mëposhtme të ekranit.

Aplikimi këndor CLI në shfletuesin e internetit

http://localhost:4200/

Ne gjithashtu mund të përdorim këtë URL tjetër për të hyrë në aplikacionin tonë:

http://IP_SERVIDOR:4200

Duhet përmendur se nëse përdorim komandën "ng shërbej”Për të ndërtuar një aplikacion dhe për ta shërbyer atë lokalisht siç sapo pamë, serveri rindërton automatikisht aplikacionin dhe ringarkon faqet e internetit kur ndryshojmë ndonjë nga skedarët burim.

Nëse duam të marrim më shumë informacion në lidhje me mjetin ng, ne mund të ekzekutojmë komandën e mëposhtme në terminal (Ctrl + Alt + T):

ndihmë

ng help

Në këtë artikull, ne kemi parë se si të kryejmë një instalim i thjeshtë i Angular CLI në sistemin tonë Ubuntu, përveç ndërtimit, përpilimit dhe shërbimit të një aplikacioni bazë në një server zhvillimi.

Këto janë vetëm hapat e parë më themelorë që mund të ndërmerren me CLI këndor. Për shihni më shumë informacion në lidhje me CLI këndore, ne mund të konsultohet me faqja zyrtare në internet e projektit.


Lini komentin tuaj

Adresa juaj e emailit nuk do të publikohet. Fusha e kërkuar janë shënuar me *

*

*

  1. Përgjegjës për të dhënat: Miguel Ángel Gatón
  2. Qëllimi i të dhënave: Kontrolloni SPAM, menaxhimin e komenteve.
  3. Legjitimimi: Pëlqimi juaj
  4. Komunikimi i të dhënave: Të dhënat nuk do t'u komunikohen palëve të treta përveç me detyrim ligjor.
  5. Ruajtja e të dhënave: Baza e të dhënave e organizuar nga Occentus Networks (BE)
  6. Të drejtat: Në çdo kohë mund të kufizoni, rikuperoni dhe fshini informacionin tuaj.