I neste artikkel skal vi ta en titt på Angular CLI. I tilfelle du fremdeles ikke vet det Angular er et open source front-end applikasjonsutviklingsrammeverk, populær og svært utvidbar. Den kan brukes til å bygge mobil- og webapplikasjoner ved hjelp av TypeScript, JavaScript og andre vanlige språk. Angular er et teppeterm for alle versjoner av Angular som kommer etter AngularJS.
Dette rammeverket for utvikling er godt egnet for å bygge applikasjoner fra bunnen av, alt fra liten til stor skala. En av nøkkelkomponentene til Angular-plattformen å hjelpe applikasjonsutvikling er Angular CLI-verktøyet. Det er et enkelt og brukervennlig kommandolinjeverktøy. Den brukes til å lage, administrere, bygge og teste applikasjoner opprettet med Angular.
I de følgende linjene vil vi se hvordan vi kan installer Angular kommandolinjeverktøy på vårt Ubuntu 19.04-system. Vi vil også se et grunnleggende eksempel på dette verktøyet.
Installere Node.js på Ubuntu
For å installere Angular CLI det vil være nødvendig at vi har en nåværende versjon av Node.js og NPM installert på systemet vårt. For å gjøre dette, må vi bare åpne 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 å kompilere og installere innfødte NPM-plugins, vi kan trenge å installere utviklerverktøy på systemet vårt. For å gjøre det, i samme terminal, vil vi gjøre følgende:
sudo apt install -y build-essential
Vinkelaktig CLI-installasjon på Ubuntu 19.04
Etter installasjonen av Node.js og NPM som vi nettopp har sett, vil vi kunne installer Angular CLI ved hjelp av npm pakkebehandling som følger. I dette tilfellet alternativet -g det betyr at vi skal installere verktøyet i hele systemet, som skal brukes av alle brukere av det.
sudo npm install -g @angular/cli
Etter installasjonen kan vi start Angular CLI ved å bruke ng kjørbar som nå skal installeres på systemet vårt. Utfør følgende kommando i terminalen (Ctrl + Alt + T) for å verifisere versjonen av Angular CLI installert:
ng --version
Opprette et prosjekt ved bruk av Angular CLI
La oss nå se hvordan vi kan lage, bygge og tjene et nytt grunnleggende Angular-prosjekt. Først, vi skal gå til webroot-katalogen fra serveren vår. Deretter skal vi lage en ny Angular-applikasjon som følger:
cd /var/www/html/ sudo ng new ubunlog-app
Vi må avgjøre om vi vil dele anonyme data til Angular-teamet. Vi fortsetter å gå til katalogen over applikasjonen vi nettopp opprettet. Vi kommer til å begynn å betjene appen som det er vist i følgende:
cd ubunlog-app ng serve
Den forrige kommandoen vil sette oss på skjermen en lenke som vil fortelle oss hvordan vi kan se applikasjonen vår i drift.
Før vi får tilgang til den fra en nettleser, hvis en brannmurtjeneste kjører, må vi åpne port 4200 i konfigurasjonen av dette, som vist nedenfor:
sudo ufw allow 4200/tcp sudo ufw reload
Etter dette kan vi åpne favorittnettleseren vår og navigere ved hjelp av URL-en som terminalen gir til se den nye applikasjonen kjøres, som vist i følgende skjermbilde.
http://localhost:4200/
Vi kan også bruke denne andre URL-en for å få tilgang til applikasjonen vår:
http://IP_SERVIDOR:4200
Det bør nevnes at hvis vi bruker kommandoen "ng server”Å bygge en applikasjon og servere den lokalt som vi nettopp så, serveren bygger automatisk applikasjonen på nytt og laster inn nettsidene på nytt når vi endrer noen av kildefilene.
Hvis vi vil få mer informasjon om ng-verktøyet, kan vi kjøre følgende kommando i terminalen (Ctrl + Alt + T):
ng help
I denne artikkelen har vi sett hvordan vi skal utføre en enkel installasjon av Angular CLI på vårt Ubuntu-system, i tillegg til å bygge, kompilere og servere en grunnleggende applikasjon på en utviklingsserver.
Dette er bare de mest grunnleggende første trinnene som kan tas med Angular CLI. Til se mer informasjon om Angular CLI, kan vi konsultere prosjektets offisielle nettside.