I den næste artikel vil vi se på Angular CLI. Hvis du stadig ikke ved det Angular er en open source front-end applikationsudviklingsramme, populær og meget udvidelig. Det kan bruges til at oprette mobil- og webapplikationer ved hjælp af TypeScript, JavaScript og andre almindelige sprog. Angular er et tæppeudtryk for alle versioner af Angular, der kommer efter AngularJS.
Denne udviklingsramme er velegnet til opbygning af applikationer fra bunden, lige fra lille til stor skala. En af nøglekomponenterne i Angular-platformen til at støtte applikationsudvikling er Angular CLI-værktøjet. Det er et enkelt og let at bruge kommandolinjeværktøj. Det bruges til at oprette, administrere, opbygge og teste applikationer oprettet med Angular.
I de følgende linjer vil vi se, hvordan vi kan installer Angular kommandolinjeværktøj på vores Ubuntu 19.04-system. Vi vil også se et grundlæggende eksempel på dette værktøj.
Installation af Node.js på Ubuntu
Sådan installeres Angular CLI det vil være nødvendigt, at vi har en nuværende version af Node.js og NPM installeret på vores system. For at gøre dette skal vi bare åbne en terminal (Ctrl + Alt + T) og skrive i den:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Også for at kompilere og installere native NPM-plugins, Vi skal muligvis installere udviklerværktøjer på vores system. For at gøre det i samme terminal vil vi gøre følgende:
sudo apt install -y build-essential
Vinklet CLI-installation på Ubuntu 19.04
Efter installationen af Node.js og NPM, som vi lige har set, vil vi være i stand til det installer Angular CLI ved hjælp af npm pakkehåndtering som følger. I dette tilfælde er indstillingen -g det betyder, at vi skal installere værktøjet i hele systemet, der skal bruges af alle brugere af det.
sudo npm install -g @angular/cli
Efter installationen kan vi start Angular CLI ved hjælp af ng eksekverbar som nu skal installeres på vores system. Udfør følgende kommando i terminalen (Ctrl + Alt + T) for at kontrollere versionen af Angular CLI installeret:
ng --version
Oprettelse af et projekt ved hjælp af Angular CLI
Lad os nu se, hvordan vi kan oprette, bygge og tjene et nyt grundlæggende Angular-projekt. Først, vi går til webroot-biblioteket fra vores server. Derefter opretter vi en ny Angular-applikation som følger:
cd /var/www/html/ sudo ng new ubunlog-app
Vi bliver nødt til at beslutte, om vi vil dele anonyme data til Angular-teamet. Vi fortsætter med at gå til kataloget over den applikation, vi lige har oprettet. Vi skal begynde at betjene appen som det er vist i følgende:
cd ubunlog-app ng serve
Den forrige kommando sætter os på skærmen et link, der fortæller os, hvordan vi kan se vores applikation i drift.
Før vi kan få adgang til det fra en webbrowser, i tilfælde af at en firewall-tjeneste kører, skal vi åbne port 4200 ved konfiguration af dette som vist nedenfor:
sudo ufw allow 4200/tcp sudo ufw reload
Herefter kan vi åbne vores yndlingswebbrowser og navigere ved hjælp af den URL, der leveres af terminalen til se den nye applikationskørsel, som vist i det følgende skærmbillede.
http://localhost:4200/
Vi kan også bruge denne anden URL til at få adgang til vores applikation:
http://IP_SERVIDOR:4200
Det skal nævnes, at hvis vi bruger kommandoen "ng server”At bygge en applikation og servere den lokalt, som vi lige så, serveren genopbygger automatisk applikationen og genindlæser websiderne, når vi ændrer nogen af kildefilerne.
Hvis vi vil komme flere oplysninger om ng-værktøjet, kan vi køre følgende kommando i terminalen (Ctrl + Alt + T):
ng help
I denne artikel har vi set, hvordan man udfører en enkel installation af Angular CLI på vores Ubuntu-systemud over at opbygge, kompilere og betjene en grundlæggende applikation på en udviklingsserver.
Dette er bare de mest grundlæggende første trin, der kan tages med Angular CLI. Til se mere information om Angular CLI, kan vi konsultere projektets officielle hjemmeside.