Kako namestiti kotni CLI v Linux
Angular je odprtokodni, priljubljen in zelo razširljiv okvir za razvoj front-end aplikacij, ki se uporablja za izdelavo mobilnih in spletnih aplikacij z uporabo TypeScript/JavaScript in drugih običajnih jezikov. Angular je krovni izraz za vse različice Angular, ki prihajajo po AngularJS (ali različici Angular 1.0), vključno z Angular 2 in Angular 4.
Kotni je zelo primeren za izdelavo majhnih do velikih aplikacij iz nič. Eden ključnih komponent platforme Angular za pomoč pri razvoju aplikacij je pripomoček Angular CLI - to je preprosto in enostavno za uporabo orodje ukazne vrstice, ki se uporablja za ustvarjanje, upravljanje, gradnjo in preizkušanje aplikacij Angular.
V tem članku bomo razložili, kako namestiti orodje ukazne vrstice Angular v sistem Linux, in se naučili nekaj osnovnih primerov tega orodja.
Namestitev Node.js v Linux
Če želite namestiti Angular CLI, morate imeti v sistemu Linux nameščeno najnovejšo različico Node.js in NPM.
$ 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]
Za prevajanje in namestitev izvornih dodatkov iz NPM boste morda morali v sistem namestiti razvojna orodja, kot sledi.
$ 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+]
Namestitev Angular CLI v Linux
Ko namestite Node.js in NPM, kot je prikazano zgoraj, lahko namestite Angular CLI z uporabo upravitelja paketov npm, kot sledi (zastava -g pomeni namestitev orodja v celotnem sistemu, ki ga bo uporabljal vsi uporabniki sistema).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Angularni CLI lahko zaženete z izvršljivo datoteko ng , ki naj bi bila zdaj nameščena v vašem sistemu. Zaženite naslednji ukaz, da preverite nameščeno različico Angular CLI.
# ng --version
Ustvarjanje kotnega projekta z uporabo kotnega CLI
V tem poglavju bomo prikazali, kako ustvariti, zgraditi in postreči nov, osnovni projekt Angular. Najprej se premaknite v imenik webroot strežnika, nato pa inicializirajte novo aplikacijo Angular na naslednji način (ne pozabite upoštevati navodil):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
Nato se premaknite v imenik aplikacij, ki je bil pravkar ustvarjen, in strežite aplikaciji, kot je prikazano.
# cd tecmint-app # ls #list project files # ng serve
Če imate dostop do nove aplikacije iz spletnega brskalnika, morate v požarnem zidu odpreti vrata 4200 v konfiguraciji požarnega zidu, kot je prikazano.
---------- 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
Zdaj lahko odprete spletni brskalnik in se pomikate po naslednjem naslovu, da vidite novo zagnano aplikacijo, kot je prikazano na naslednjem posnetku zaslona.
http://localhost:4200/ or http://SERVER_IP:4200
Opomba: Če z ukazom ng serve uporabite za izdelavo aplikacije in njeno lokalno strežbo, kot je prikazano zgoraj, strežnik samodejno obnovi aplikacijo in znova naloži spletne strani, ko spremenite katerega koli vira datotek.
Za več informacij o orodju ng zaženite naslednji ukaz.
# ng help
Domača stran kotnega CLI: https://angular.io/cli
V tem članku smo pokazali, kako namestiti Angular CLI v različne distribucije Linuxa. Pokrili smo tudi, kako zgraditi, prevesti in strežiti osnovno aplikacijo Angular na razvojnem strežniku. Za kakršna koli vprašanja ali razmišljanja, ki jih želite deliti z nami, uporabite spodnji obrazec za povratne informacije.