W następnym artykule przyjrzymy się Angularowi CLI. Jeśli nadal nie wiesz Angular to front-endowy framework do tworzenia aplikacji typu open source, popularne i wysoce rozszerzalne. Można go używać do tworzenia aplikacji mobilnych i internetowych przy użyciu języka TypeScript, JavaScript i innych popularnych języków. Angular to ogólne określenie dla wszystkich wersji Angular, które pojawiają się po AngularJS.
Ta struktura programistyczna dobrze nadaje się do tworzenia aplikacji od podstaw, od małej do dużej skali. Jeden z kluczowych elementów platformy Angular do tworzenia aplikacji służy narzędzie Angular CLI. Jest to proste i łatwe w użyciu narzędzie wiersza poleceń. Służy do tworzenia, zarządzania, budowania i testowania aplikacji utworzonych za pomocą Angular.
W kolejnych wierszach zobaczymy, jak możemy zainstaluj narzędzie wiersza poleceń Angular w naszym systemie Ubuntu 19.04. Zobaczymy również podstawowy przykład tego narzędzia.
Instalowanie Node.js na Ubuntu
Aby zainstalować Angular CLI konieczne będzie posiadanie aktualnej wersji Node.js i NPM zainstalowanej w naszym systemie. Aby to zrobić, wystarczy otworzyć terminal (Ctrl + Alt + T) i wpisać w nim:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Ponadto, aby skompilować i zainstalować natywne wtyczki NPM, może być konieczne zainstalowanie narzędzi programistycznych w naszym systemie. Aby to zrobić, w tym samym terminalu wykonamy następujące czynności:
sudo apt install -y build-essential
Instalacja Angular CLI na Ubuntu 19.04
Po zainstalowaniu Node.js i NPM, jak właśnie widzieliśmy, będziemy mogli zainstaluj Angular CLI za pomocą menedżera pakietów npm następująco. W tym przypadku opcja -g oznacza to, że zamierzamy zainstalować narzędzie w całym systemie, z którego będą mogli korzystać wszyscy jego użytkownicy.
sudo npm install -g @angular/cli
Po instalacji możemy uruchom Angular CLI przy użyciu pliku wykonywalnego ng który powinien być teraz zainstalowany w naszym systemie. Wykonaj następujące polecenie w terminalu (Ctrl + Alt + T), aby sprawdzić zainstalowaną wersję Angular CLI:
ng --version
Tworzenie projektu za pomocą Angular CLI
Zobaczmy teraz, jak możemy stworzyć, zbudować i obsługiwać nowy podstawowy projekt Angular. Pierwszy, przejdziemy do katalogu webroot z naszego serwera. Następnie utworzymy nową aplikację Angular w następujący sposób:
cd /var/www/html/ sudo ng new ubunlog-app
Będziemy musieli zdecydować, czy chcemy udostępniać anonimowe dane zespołowi Angular. Kontynuujemy przechodzenie do katalogu aplikacji, którą właśnie utworzyliśmy. Idziemy do rozpocząć obsługę aplikacji jak pokazano poniżej:
cd ubunlog-app ng serve
Poprzednie polecenie umieści nas na ekranie link, który powie nam, jak możemy zobaczyć, jak działa nasza aplikacja.
Zanim uzyskamy do niego dostęp z przeglądarki internetowej, w przypadku działania usługi firewall musimy otworzyć port 4200 w konfiguracji tego, jak pokazano poniżej:
sudo ufw allow 4200/tcp sudo ufw reload
Następnie możemy otworzyć naszą ulubioną przeglądarkę internetową i przejść pod adresem URL podanym przez terminal do zobacz nową aplikację uruchomioną, jak pokazano na poniższym zrzucie ekranu.
http://localhost:4200/
Możemy również użyć tego innego adresu URL, aby uzyskać dostęp do naszej aplikacji:
http://IP_SERVIDOR:4200
Należy wspomnieć, że jeśli użyjemy polecenia „ng służyć„Aby zbudować aplikację i udostępniać ją lokalnie, jak właśnie widzieliśmy, serwer automatycznie odbudowuje aplikację i ponownie ładuje strony internetowe, gdy zmieniamy którykolwiek z plików źródłowych.
Jeśli chcemy dostać więcej informacji o narzędziu ng, możemy uruchomić w terminalu następujące polecenie (Ctrl + Alt + T):
ng help
W tym artykule widzieliśmy, jak wykonać plik prosta instalacja Angular CLI w naszym systemie Ubuntu, oprócz tworzenia, kompilowania i udostępniania podstawowej aplikacji na serwerze programistycznym.
To tylko najbardziej podstawowe pierwsze kroki, które można wykonać za pomocą interfejsu wiersza polecenia Angular. Dla zobacz więcej informacji o Angular CLI, możemy skonsultować się z oficjalna strona projektu.