In het volgende artikel gaan we de Angular CLI bekijken. Voor het geval je het nog steeds niet weet Angular is een open source front-end applicatieontwikkelingsraamwerk, populair en zeer uitbreidbaar. Het kan worden gebruikt om mobiele en webtoepassingen te bouwen met TypeScript, JavaScript en andere veelvoorkomende talen. Angular is een algemene term voor alle versies van Angular die na AngularJS komen.
Dit ontwikkelraamwerk is zeer geschikt voor het bouwen van applicaties vanaf het begin, van klein tot grootschalig. Een van de belangrijkste componenten van het Angular-platform Om de ontwikkeling van applicaties te ondersteunen, is het Angular CLI-hulpprogramma. Het is een eenvoudig en gemakkelijk te gebruiken opdrachtregelprogramma. Het wordt gebruikt voor het maken, beheren, bouwen en testen van applicaties die zijn gemaakt met Angular.
In de volgende regels zullen we zien hoe we dat kunnen installeer Angular-opdrachtregelprogramma op ons Ubuntu 19.04-systeem We zullen ook een eenvoudig voorbeeld van deze tool zien.
Node.js installeren op Ubuntu
Om Angular CLI te installeren het is nodig dat we een actuele versie van Node.js en NPM op ons systeem hebben geïnstalleerd Om dit te doen, hoeven we alleen maar een terminal te openen (Ctrl + Alt + T) en erin te schrijven:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Om native NPM-plug-ins te compileren en te installeren, we moeten mogelijk ontwikkelaarstools op ons systeem installeren Om dit te doen, zullen we in dezelfde terminal het volgende doen:
sudo apt install -y build-essential
Hoekige CLI-installatie op Ubuntu 19.04
Na de installatie van Node.js en NPM zoals we zojuist hebben gezien, zullen we dat kunnen installeer Angular CLI met behulp van npm-pakketbeheerder als volgt. In dit geval is de optie -g het betekent dat we de tool door het hele systeem gaan installeren, zodat het door alle gebruikers ervan kan worden gebruikt.
sudo npm install -g @angular/cli
Na de installatie kunnen we start Angular CLI met behulp van het uitvoerbare bestand ng die nu op ons systeem moet worden geïnstalleerd. Voer de volgende opdracht uit in de terminal (Ctrl + Alt + T) om de geïnstalleerde versie van Angular CLI te verifiëren:
ng --version
Een project maken met Angular CLI
Laten we nu eens kijken hoe we een nieuw basis Angular-project kunnen creëren, bouwen en bedienen. Eerste, we gaan naar de webroot-directory van onze server Vervolgens gaan we als volgt een nieuwe Angular-applicatie maken:
cd /var/www/html/ sudo ng new ubunlog-app
We zullen moeten beslissen of we anonieme gegevens willen delen met het Angular-team. We gaan verder naar de directory van de applicatie die we zojuist hebben gemaakt. Wij gaan begin met het bedienen van de app zoals weergegeven in het volgende:
cd ubunlog-app ng serve
Het vorige commando zal ons op het scherm zetten een link die ons vertelt hoe we onze applicatie in werking kunnen zien.
Voordat we er toegang toe hebben via een webbrowser, in het geval dat we een firewall-service hebben, moeten we poort 4200 openen bij het configureren hiervan, zoals hieronder getoond:
sudo ufw allow 4200/tcp sudo ufw reload
Hierna kunnen we onze favoriete webbrowser openen en navigeren met behulp van de URL die door de terminal is verstrekt naar zie de nieuwe applicatie-run, zoals weergegeven in de volgende schermafbeelding.
http://localhost:4200/
We kunnen deze andere URL ook gebruiken om toegang te krijgen tot onze applicatie:
http://IP_SERVIDOR:4200
Er moet worden vermeld dat als we het commando gebruiken "ng serveren"Om een applicatie te bouwen en deze lokaal te serveren zoals we net zagen, de server bouwt automatisch de applicatie opnieuw op en laadt de webpagina's opnieuw wanneer we een van de bronbestanden wijzigen.
Als we willen krijgen meer informatie over de ng-tool, kunnen we de volgende opdracht uitvoeren in de terminal (Ctrl + Alt + T):
ng help
In dit artikel hebben we gezien hoe u een eenvoudige installatie van Angular CLI op ons Ubuntu-systeem, naast het bouwen, compileren en bedienen van een basistoepassing op een ontwikkelserver.
Dit zijn slechts de meest elementaire eerste stappen die kunnen worden genomen met de Angular CLI. Voor zie meer informatie over Angular CLIkunnen we de officiële website van het project.