Kitame straipsnyje mes apžvelgsime kampinį CLI. Jei vis tiek nežinai „Angular“ yra atvirojo kodo „front-end“ programų kūrimo sistema, populiarus ir labai išplečiamas. Jis gali būti naudojamas kuriant mobiliąsias ir žiniatinklio programas naudojant „TypeScript“, „JavaScript“ ir kitas įprastas kalbas. Kampinis yra bendras terminas visoms Angular versijoms, kurios yra po AngularJS.
Ši kūrimo sistema puikiai tinka kurti programas nuo nulio, nuo mažų iki didelių. Vienas iš pagrindinių „Angular“ platformos komponentų Programos kūrimas yra „Angular CLI“ įrankis. Tai paprastas ir lengvai naudojamas komandinės eilutės įrankis. Jis naudojamas kurti, valdyti, kurti ir išbandyti programas, sukurtas naudojant „Angular“.
Tolesnėse eilutėse pamatysime, kaip galime įdiekite „Angular“ komandinės eilutės įrankį į mūsų „Ubuntu 19.04“ sistemą. Taip pat pamatysime pagrindinį šio įrankio pavyzdį.
„Node.js“ diegimas „Ubuntu“
Norėdami įdiegti kampinį CLI reikės, kad mūsų sistemoje būtų įdiegta dabartinė „Node.js“ ir „NPM“ versija. Norėdami tai padaryti, mes tiesiog turime atidaryti terminalą (Ctrl + Alt + T) ir parašyti jame:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Be to, norėdami sudaryti ir įdiegti vietinius NPM papildinius, mums gali tekti įdiegti kūrėjo įrankius savo sistemoje. Norėdami tai padaryti, tame pačiame terminale mes atliksime šiuos veiksmus:
sudo apt install -y build-essential
Kampinis CLI diegimas Ubuntu 19.04
Įdiegę „Node.js“ ir „NPM“, kaip ką tik matėme, galėsime įdiekite „Angular CLI“ naudodami „npm“ paketų tvarkyklę taip. Šiuo atveju galimybė -g tai reiškia, kad mes įdiegsime įrankį visoje sistemoje, kad jį naudotų visi jos vartotojai.
sudo npm install -g @angular/cli
Po įdiegimo mes galime paleiskite kampinį CLI naudodami vykdomąjį failą kuris dabar turėtų būti įdiegtas mūsų sistemoje. Norėdami patikrinti įdiegtos kampinės CLI versiją, vykdykite šią komandą terminale (Ctrl + Alt + T):
ng --version
Projekto kūrimas naudojant kampinį CLI
Dabar pažiūrėkime, kaip galime sukurti, pastatyti ir aptarnauti naują pagrindinį „Angular“ projektą. Pirmas, eisime į interneto šaknų katalogą iš mūsų serverio. Tada mes sukursime naują „Angular“ programą taip:
cd /var/www/html/ sudo ng new ubunlog-app
Turėsime nuspręsti, ar norime anoniminiais duomenimis dalytis „Angular“ komandai. Mes ir toliau einame į ką tik sukurtos programos katalogą. Mes ketiname pradėkite teikti programą kaip parodyta taip:
cd ubunlog-app ng serve
Ankstesnė komanda pateks į ekraną nuoroda, kuri mums pasakys, kaip galime pamatyti, kaip veikia mūsų programa.
Kad galėtume pasiekti ją iš interneto naršyklės, jei veikia užkardos paslauga, turime atidaryti 4200 prievadą konfigūracijoje, kaip parodyta žemiau:
sudo ufw allow 4200/tcp sudo ufw reload
Po to galime atidaryti mėgstamą interneto naršyklę ir naršyti naudodami terminalo pateiktą URL pamatyti paleistą naują programą, kaip parodyta kitoje ekrano kopijoje.
http://localhost:4200/
Mes taip pat galime naudoti šį kitą URL norėdami patekti į savo programą:
http://IP_SERVIDOR:4200
Reikėtų paminėti, kad jei mes naudojame komandą "tarnauti„Norėdami sukurti programą ir ją aptarnauti vietoje, kaip ką tik matėme, serveris automatiškai atstato programą ir iš naujo įkelia tinklalapius, kai pakeičiame bet kurį iš šaltinio failų.
Jei norime gauti daugiau informacijos apie įrankį, terminale galime paleisti šią komandą (Ctrl + Alt + T):
ng help
Šiame straipsnyje mes matėme, kaip atlikti a paprastas kampinio CLI diegimas mūsų „Ubuntu“ sistemoje, be pagrindinės programos kūrimo, kompiliavimo ir aptarnavimo kūrimo serveryje.
Tai tik pagrindiniai pirmieji žingsniai, kuriuos galima atlikti naudojant kampinį CLI. Dėl pamatyti daugiau informacijos apie kampinį CLI, mes galime kreiptis į oficiali projekto svetainė.