V naslednjem članku si bomo ogledali kotni CLI. V primeru, da še vedno ne veste Angular je odprtokodni okvir za razvoj aplikacij, priljubljen in zelo razširljiv. Uporablja se lahko za izdelavo mobilnih in spletnih aplikacij z uporabo TypeScript, JavaScript in drugih običajnih jezikov. Angular je splošen izraz za vse različice Angular, ki prihajajo po AngularJS.
Ta razvojni okvir je zelo primeren za izdelavo aplikacij od začetka, od majhnih do večjih. Ena ključnih komponent platforme Angular za pomoč pri razvoju aplikacij je pripomoček Angular CLI. Je preprosto in enostavno za uporabo orodje ukazne vrstice. Uporablja se za ustvarjanje, upravljanje, izdelavo in preizkušanje aplikacij, ustvarjenih s programom Angular.
V naslednjih vrsticah bomo videli, kako lahko namestite orodje Angular ukazne vrstice v naš sistem Ubuntu 19.04. Videli bomo tudi osnovni primer tega orodja.
Namestitev Node.js na Ubuntu
Za namestitev Angular CLI v našem sistemu bo treba namestiti trenutno različico Node.js in NPM. Za to moramo odpreti terminal (Ctrl + Alt + T) in vanj zapisati:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Za prevajanje in namestitev izvornih vtičnikov NPM, morda bomo morali v naš sistem namestiti orodja za razvijalce. V istem terminalu bomo naredili naslednje:
sudo apt install -y build-essential
Kotna namestitev CLI na Ubuntu 19.04
Po namestitvi Node.js in NPM, kot smo pravkar videli, bomo lahko namestite Angular CLI z uporabo upravitelja paketov npm kot sledi. V tem primeru možnost -g to pomeni, da bomo orodje namestili v celotnem sistemu, da ga bodo lahko uporabljali vsi uporabniki.
sudo npm install -g @angular/cli
Po namestitvi lahko zaženite Angular CLI z uporabo izvršljive datoteke ng ki bi ga morali zdaj namestiti v naš sistem. V terminalu izvedite naslednji ukaz (Ctrl + Alt + T), da preverite nameščeno različico Angular CLI:
ng --version
Ustvarjanje projekta z uporabo Angular CLI
Zdaj pa poglejmo, kako lahko ustvarimo, izdelamo in služimo novemu osnovnemu projektu Angular. Najprej, gremo v imenik webroot z našega strežnika. Nato bomo ustvarili novo aplikacijo Angular, kot sledi:
cd /var/www/html/ sudo ng new ubunlog-app
Odločiti se bomo morali, ali želimo anonimnim podatkom deliti skupino Angular. Še naprej hodimo v imenik aplikacije, ki smo jo pravkar ustvarili. Mi gremo začnite prikazovati aplikacijo kot je prikazano v nadaljevanju:
cd ubunlog-app ng serve
Prejšnji ukaz nas bo postavil na zaslon povezava, ki nam bo povedala, kako lahko vidimo, kako deluje naša aplikacija.
Preden lahko dostopamo do njega iz spletnega brskalnika, v primeru delovanja požarnega zidu moramo odpreti vrata 4200 v konfiguraciji tega, kot je prikazano spodaj:
sudo ufw allow 4200/tcp sudo ufw reload
Po tem lahko odpremo naš najljubši spletni brskalnik in krmarimo z uporabo URL-ja, ki ga je na terminalu poslal glejte zagon nove aplikacije, kot je prikazano na naslednjem posnetku zaslona.
http://localhost:4200/
Za dostop do naše aplikacije lahko uporabimo tudi ta drugi URL:
http://IP_SERVIDOR:4200
Omeniti je treba, da če uporabimo ukaz "ng služi"Če želite zgraditi aplikacijo in jo služiti lokalno, kot smo pravkar videli, strežnik samodejno obnovi aplikacijo in znova naloži spletne strani, ko spremenimo katero koli izvorno datoteko.
Če želimo priti več informacij o orodju ng, v terminalu lahko zaženemo naslednji ukaz (Ctrl + Alt + T):
ng help
V tem članku smo videli, kako izvesti a preprosta namestitev Angular CLI na naš sistem Ubuntu, poleg gradnje, sestavljanja in streženja osnovne aplikacije na razvojnem strežniku.
To so le najosnovnejši prvi koraki, ki jih je mogoče narediti s kotnim CLI. Za glej več informacij o kotnem CLI, se lahko posvetujemo z uradna spletna stran projekta.