Jak zainstalować Angulara na Ubuntu 24.04

Wolno dostępna platforma JavaScript do tworzenia dynamicznych aplikacji nazywa się Angular.js. Umożliwia szybkie i jednoznaczne przedstawienie każdego aspektu aplikacji poprzez rozszerzenie składni HTML używanego jako język szablonów. Zapewnia zestaw narzędzi do pisania, aktualizowania i testowania kodu. Oferuje mnóstwo możliwości, w tym routing i zarządzanie formularzami. W tym przewodniku omówiono metodę instalacji Angulara na Ubuntu 24 poprzez instalację Node.js.

Aktualizuj i ulepszaj system

Zanim przejdziemy do instalacji, przejdźmy najpierw przez aktualizację systemu. Konieczna jest aktualizacja systemu Ubuntu 24, ponieważ musi on wkrótce zacząć działać bez żadnych problemów w nowych instalacjach. Dlatego używamy instrukcji aktualizacji i aktualizacji w ramach jednego polecenia, które jest wykonywane za pomocą narzędzia „apt”.

Po wykonaniu tej instrukcji system przydziela ustaloną przestrzeń na proces aktualizacji i aktualizacji i prosi o potwierdzenie poprzez naciśnięcie „y” lub „n”. Dlatego musisz nacisnąć „y”, aby zakończyć proces aktualizacji, jak pokazano poniżej. Po chwili nasz system zostanie pomyślnie zaktualizowany i zmodernizowany.

Zainstaluj zależności

Instalacja Angulara i Node.js zależy również od innych narzędzi. Zależności te obejmują git, wget, curl i wiele innych. Dlatego musimy wcześniej zainstalować te zależności. Do instalacji tych zależności używamy tego samego narzędzia „apt” w powłoce poleceń i czekamy, aż wszystkie zależności zostaną pomyślnie zainstalowane.

Zainstaluj Node.js

Aplikacje Angular nie mogą działać bez Node.js, co jest głównym wymaganiem. Dlatego konieczne jest zainstalowanie Node.js przed przejściem do instalacji Angulara na Ubuntu 24. Ponadto Node.js wymaga do swojej instalacji narzędzia wiersza poleceń NVM. Dlatego używamy narzędzia „curl” w powłoce terminala, aby najpierw zainstalować narzędzie NVM z oficjalnego repozytorium Github. Widać, że po wykonaniu tej instrukcji narzędzie NVM zostało pobrane i zainstalowane.

Teraz konieczne jest także włączenie środowiska NVM w systemie Ubuntu 24 Linux. Uruchamiamy więc plik „bashrc” korzystając z instrukcji źródłowej, aby system mógł uzyskać efekty nowo zainstalowanego narzędzia NVM i ustawić środowisko.

Po utworzeniu środowiska system Ubuntu 24 jest gotowy do zainstalowania na swoim końcu Node.js. W tym celu używamy nowo zainstalowanego narzędzia „nvm” w instrukcjach instalacji używanych w powłoce terminala. Korzystając z tej instrukcji instalujemy najnowszą wersję Node.js 18 na naszym systemie Ubuntu. Ponadto narzędzie NVM instaluje menedżera pakietów węzłów wraz z Node.js. Przetwarzanie rozpoczyna się od pobrania i zainstalowania wersji węzła 18.19.1 z oficjalnej strony internetowej. Następnie oblicza sumę kontrolną i tworzy domyślny alias.

Po udanej instalacji Node.js musimy sprawdzić, czy został on zainstalowany i zamontowany w naszym systemie. W tym celu musimy sprawdzić zainstalowaną wersję za pomocą polecenia „version” rozpoczynającego się od słowa kluczowego „node”. Ponadto poprzednia instrukcja instalacji NVM instalowała NPM (Menedżer pakietów węzłów) wraz z Node.js. Dlatego musimy poszukać również wersji NPM. Dane wyjściowe obu poleceń wyświetlają wersje przedstawione na poniższym załączonym obrazku:

Zainstaluj Angular CLI

Czas podjąć ostatnie kroki w celu instalacji interfejsu wiersza poleceń Angular po zainstalowaniu wszystkich zależności, w tym NPM i Node.js. W tym celu używamy NPM (menedżera pakietów węzłów) w powłoce terminala Ubuntu 24.

Aby wykonać tę instrukcję instalacji, możesz skorzystać z praw sudo. To polecenie zawiera link do oficjalnego pakietu Angular CLI. Flaga „-location” jest ustawiona, aby dodać Angular CLI na poziomie globalnym dla systemu Ubuntu 24, który jest dostępny dla wszystkich użytkowników bieżącej platformy.

Pomogłoby, jeśli poczekasz chwilę, aż przetwarzanie Angular CLI zostanie zakończone. Po pewnym przetwarzaniu pakiety Angular CLI są dodawane i pomyślnie instalowane. W zamian otrzymasz na ekranie terminala następujący obraz wyjściowy, który zawiera 232 pakiety dodane w ciągu 2 minut:

Teraz czas zweryfikować instalację Angular CLI. Zawiera polecenie „ng”, które pomaga wykonywać polecenia w Angular CLI. Poszukajmy więc zainstalowanej wersji polecenia „ng”. Po udzieleniu odpowiedzi na niektóre pytania dotyczące wykonania tego polecenia wersji otrzymamy następujące dane wyjściowe, które zawierają również informacje dotyczące wersji Angular, Node, NPM i systemu operacyjnego. Na końcu znajdują się także informacje dotyczące pakietów i ich zainstalowanych wersji.

Utwórz aplikację Angular

Czas wykorzystać Angular CLI do stworzenia nowej aplikacji Angular na Ubuntu 24. Podobnie jak wykorzystaliśmy instrukcję „ng” do sprawdzenia wersji Angular CLI, tak i my użyjemy jej do stworzenia nowej aplikacji o nazwie „test” z „nowe” słowo kluczowe. Egzekucja następuje po zadaniu kilku pytań. Pomocne będzie, jeśli odpowiesz na te pytania zgodnie ze swoimi preferencjami, a pakiety dla Twojej nowej aplikacji zostaną pomyślnie zainstalowane.

Po chwili powstaje nowa aplikacja Angular o nazwie „test”. W naszym katalogu roboczym generowany jest nowy katalog „test”, jak pokazano na poniższym załączonym wyjściu:

Po stworzeniu „testowej” aplikacji Angularowej należy ją również uruchomić. W tym celu przejdź do katalogu „test” i użyj narzędzia „ng”, aby wykonać polecenie „serve”.

Możesz także użyć tego samego polecenia, aby ustawić port 4200 dla wszystkich interfejsów systemowych, ustawiając hosta na 0.0.0.0.

Wniosek

W tym przewodniku pokazano, jak można wykorzystać środowisko Angular do stworzenia dowolnej aplikacji. Wspierając pomysł, zademonstrowaliśmy sposób instalacji Angulara na Ubuntu 24 po instalacji i konfiguracji Node.js i NPM. Na koniec opracowaliśmy sposób tworzenia aplikacji Angular w Ubuntu 24 przy użyciu Angular CLI.