Seuraavassa artikkelissa aiomme tarkastella kulma-CLI: tä. Jos et vieläkään tiedä Angular on avoimen lähdekoodin käyttöliittymän kehys, suosittu ja erittäin laajennettava. Sitä voidaan käyttää mobiili- ja verkkosovellusten rakentamiseen TypeScriptiä, JavaScriptiä ja muita yleisiä kieliä käyttäen. Angular on yleinen termi kaikille AngularJS: n jälkeen tuleville Angular-versioille.
Tämä kehys soveltuu hyvin sovellusten rakentamiseen alusta alkaen, pienestä suureen. Yksi kulma-alustan tärkeimmistä komponenteista sovellusten kehittämisen tukemiseksi on Angular CLI -apuohjelma. Se on yksinkertainen ja helppokäyttöinen komentorivityökalu. Sitä käytetään Angularilla luotujen sovellusten luomiseen, hallintaan, rakentamiseen ja testaamiseen.
Seuraavilla riveillä näemme kuinka voimme asenna Angular-komentorivityökalu Ubuntu 19.04 -järjestelmäämme. Näemme myös perusesimerkin tästä työkalusta.
Node.js: n asentaminen Ubuntuun
Asenna kulmikas CLI on välttämätöntä, että järjestelmäämme on asennettu Node.js: n ja NPM: n nykyinen versio. Tätä varten meidän on vain avattava pääte (Ctrl + Alt + T) ja kirjoitettava siihen:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Natiivien NPM-laajennusten kääntäminen ja asentaminen meidän on ehkä asennettava kehittäjätyökalut järjestelmäämme. Voit tehdä niin samassa terminaalissa seuraavasti:
sudo apt install -y build-essential
Kulma CLI-asennus Ubuntu 19.04: ssä
Node.js: n ja NPM: n asennuksen jälkeen, kuten olemme juuri nähneet, voimme asenna Angular CLI npm-paketinhallinnalla seuraavasti. Tässä tapauksessa vaihtoehto -g tarkoittaa, että aiomme asentaa työkalun koko järjestelmään kaikkien sen käyttäjien käytettäväksi.
sudo npm install -g @angular/cli
Asennuksen jälkeen voimme Käynnistä Angular CLI käyttämällä suoritettavaa suoritettavaa tiedostoa joka pitäisi nyt asentaa järjestelmäämme. Suorita seuraava komento päätelaitteessa (Ctrl + Alt + T) tarkistaaksesi asennetun Angular CLI -version:
ng --version
Projektin luominen kulma-CLI: n avulla
Katsotaan nyt, kuinka voimme luoda, rakentaa ja palvella uutta Angular-perusprojektia. Ensimmäinen, aiomme siirtyä juurihakemistoon palvelimeltamme. Sitten aiomme luoda uuden kulmasovelluksen seuraavasti:
cd /var/www/html/ sudo ng new ubunlog-app
Meidän on päätettävä, haluammeko jakaa nimettömiä tietoja Angular-tiimille. Jatkamme juuri luomamme sovelluksen hakemistoa. Aiomme aloita sovelluksen tarjoaminen kuten se näkyy seuraavassa:
cd ubunlog-app ng serve
Edellinen komento tuo meidät ruudulle linkki, joka kertoo meille, miten voimme nähdä sovelluksemme toiminnassa.
Ennen kuin voimme käyttää sitä verkkoselaimella, Jos palomuuri on käynnissä, meidän on avattava portti 4200 tämän kokoonpanossa, kuten alla on esitetty:
sudo ufw allow 4200/tcp sudo ufw reload
Tämän jälkeen voimme avata suosikkiselaimemme ja navigoida päätelaitteen URL-osoitteen avulla katso uusi sovellus ajaa, kuten seuraavassa kuvakaappauksessa näkyy.
http://localhost:4200/
Voimme käyttää tätä toista URL-osoitetta myös sovelluksemme käyttämiseen:
http://IP_SERVIDOR:4200
On mainittava, että jos käytämme komentoa "ng palvella"Rakentaa sovellus ja palvella sitä paikallisesti kuten juuri näimme, palvelin rakentaa sovelluksen automaattisesti ja lataa verkkosivut uudelleen, kun muutamme jotain lähdetiedostoista.
Jos haluamme saada Lisätietoja ng-työkalusta, voimme suorittaa seuraavan komennon päätelaitteessa (Ctrl + Alt + T):
ng help
Tässä artikkelissa olemme nähneet, kuinka a yksinkertainen Angular CLI: n asennus Ubuntu-järjestelmäämme, lisäksi perussovelluksen rakentamisen, kääntämisen ja palvelemisen kehityspalvelimelle.
Nämä ovat vain kaikkein perustavanlaatuisimmat ensimmäiset vaiheet, jotka voidaan tehdä kulma-CLI: n avulla. Sillä katso lisätietoja kulmallisesta CLI: stä, voimme kuulla projektin virallinen verkkosivusto.