I nästa artikel ska vi ta en titt på Angular CLI. Om du fortfarande inte vet Angular är en öppen källkod front-end applikationsutvecklingsram, populär och mycket utdragbar. Den kan användas för att bygga mobil- och webbapplikationer med TypeScript, JavaScript och andra vanliga språk. Angular är en blank term för alla versioner av Angular som kommer efter AngularJS.
Denna utvecklingsram är väl lämpad för att bygga applikationer från grunden, allt från liten till stor skala. En av de viktigaste komponenterna i Angular-plattformen för att stödja applikationsutveckling är verktyget Angular CLI. Det är ett enkelt och lättanvänt kommandoradsverktyg. Den används för att skapa, hantera, bygga och testa applikationer som skapats med Angular.
I följande rader ska vi se hur vi kan installera Angular kommandoradsverktyg på vårt Ubuntu 19.04-system. Vi kommer också att se ett grundläggande exempel på detta verktyg.
Installera Node.js på Ubuntu
För att installera Angular CLI Det kommer att vara nödvändigt att vi har en aktuell version av Node.js och NPM installerad på vårt system. För att göra detta måste vi bara öppna en terminal (Ctrl + Alt + T) och skriva i den:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
För att kompilera och installera inbyggda NPM-plugins, vi kan behöva installera utvecklarverktyg på vårt system. För att göra det, i samma terminal kommer vi att göra följande:
sudo apt install -y build-essential
Vinkel CLI-installation på Ubuntu 19.04
Efter installationen av Node.js och NPM som vi just har sett kommer vi att kunna installera Angular CLI med hjälp av npm-pakethanteraren som följer. I det här fallet, alternativet -g det betyder att vi ska installera verktyget i hela systemet för att användas av alla användare av det.
sudo npm install -g @angular/cli
Efter installationen kan vi starta Angular CLI med ng körbar som nu ska installeras på vårt system. Utför följande kommando i terminalen (Ctrl + Alt + T) för att verifiera versionen av Angular CLI installerad:
ng --version
Skapa ett projekt med Angular CLI
Låt oss nu se hur vi kan skapa, bygga och betjäna ett nytt grundläggande Angular-projekt. Först, vi ska gå till webbrotskatalogen från vår server. Sedan ska vi skapa en ny Angular-applikation enligt följande:
cd /var/www/html/ sudo ng new ubunlog-app
Vi måste avgöra om vi vill dela anonym information till Angular-teamet. Vi fortsätter att gå till katalogen för applikationen som vi just skapade. Vi ska börja betjäna appen som det visas i följande:
cd ubunlog-app ng serve
Det tidigare kommandot kommer att sätta oss på skärmen en länk som berättar för oss hur vi kan se vår applikation i drift.
Innan vi kan komma åt den från en webbläsare, om en brandväggstjänst körs måste vi öppna port 4200 i konfigurationen av detta, som visas nedan:
sudo ufw allow 4200/tcp sudo ufw reload
Efter detta kan vi öppna vår favoritwebbläsare och navigera med hjälp av den URL som tillhandahålls av terminalen till se den nya applikationskörningen, som visas i följande skärmdump.
http://localhost:4200/
Vi kan också använda denna andra URL för att komma åt vår applikation:
http://IP_SERVIDOR:4200
Det bör nämnas att om vi använder kommandot "ng servera”Att bygga en applikation och servera den lokalt som vi just såg, servern bygger automatiskt upp applikationen och laddar om webbsidorna när vi ändrar någon av källfilerna.
Om vi vill få mer information om ng-verktyget, vi kan köra följande kommando i terminalen (Ctrl + Alt + T):
ng help
I den här artikeln har vi sett hur man utför en enkel installation av Angular CLI på vårt Ubuntu-system, förutom att bygga, kompilera och betjäna en basapplikation på en utvecklingsserver.
Dessa är bara de mest grundläggande första stegen som kan tas med Angular CLI. För se mer information om Angular CLI, kan vi konsultera projektets officiella webbplats.