Jak zainstalować kątowy CLI na Ubuntu 20.04

Angular to najpopularniejsza struktura używana do tworzenia aplikacji mobilnych i internetowych. Angular to open source ramy aplikacji internetowych opracowane przez Google i dużą społeczność osób. Na dzień dzisiejszy Angular 10 to najnowsza wersja dostępna do instalacji. Ten samouczek pomoże ci zainstalować moduł węzła kątowego na Ubuntu 20.04 System Linux.

Krok 1 - Instalowanie węzła.JS

NVM to narzędzie wiersza poleceń do instalowania i zarządzania węzłem.JS w systemie Linux. Więc najpierw musimy zainstalować NVM w naszym systemie. Zaloguj się do systemu z użytkownikiem, dla którego musisz zainstalować węzeł.JS, a następnie wykonaj poniżej polecenie, aby zainstalować NVM:

curl https: // surowe.Githubusercontent.com/CreationIX/nvm/master/instalacja.sh | grzmotnąć  

Następnie możesz zainstalować dowolną wersję węzła w swoim systemie. Możesz także zainstalować wiele wersji węzłów w jednym systemie. Wykonaj poniższe polecenia, aby załadować środowisko i zainstalować najnowszy węzeł.Wersja JS:

Źródło ~/.Bashrc NVM instaluj węzeł 

Powyższe polecenie wyświetli wersję węzła i NPM zainstalowanego w systemie.

Krok 2 - Instalowanie kątowego CLI

Po zainstalowaniu węzła.JS i NPM w systemie, użyj następujących poleceń, aby zainstalować narzędzie kątowe CLI w systemie.

NPM install -g @angular/cli 

Najnowsza wersja Angular CLI zostanie zainstalowana w systemie Ubuntu Linux.

NPM install -g @angular/[chroniony e -mail]8 #Krajowy 8 NPM install -g @angular/[chroniony e -mail]9 #Krajowy 9 NPM install -g @angular/[chroniony e -mail]10 #Krajowy 10 

Korzystanie z polecenia -g powyżej zainstaluje narzędzie kątowe CLI na całym świecie. Będzie dostępny dla wszystkich użytkowników i aplikacji w systemie. Angular CLI zapewnia polecenie ng używane do operacji wiersza poleceń. Sprawdźmy zainstalowaną wersję NG w twoim systemie.

ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _ | |. __ _ __ __ / ___ | |. | _ _ | / △ \ | „_ \ / _” | |. |. |. |/ _ '| '__ | |. |. |. |. |. |. / ___ \ | |. |. |. (_ | | | _ | | (_ | | | | | ___ | | ___ | / _ / \ _ \ _ | | _ | \ __, | \ __, _ | _ | \ __, _ | _ | \ ____ | _____ | ___ | | ___/ Angular CLI: 10.1.1 węzeł: 14.10.1 OS: Linux x64 Angular:… Ivy Workspace: Wersja pakietu ------------------------------------- ----------------- @angular-devkit/architekt 0.1001.1 @Angular-devkit/Core 10.1.1 @angular-devkit/schematy 10.1.1 @schematy/angular 10.1.1 @schematy/aktualizacja 0.1001.1 RXJS 6.6.2 

W systemie zainstalowano interfejs linii poleceń kątowych. W przypadku istniejącej aplikacji może rozpocząć pracę i zignorować artykuł odpoczynku.

Postępuj zgodnie z kolejnymi krokami, aby utworzyć nową aplikację kątową w systemie.

Krok 3 - Tworzenie nowej aplikacji kątowej

Możesz użyć polecenia NG, aby utworzyć nową aplikację kątową. Utwórz aplikację o nazwie Hello-World za pomocą narzędzia wiersza poleceń kątowych. Wykonaj poniższe polecenie w terminalu:

Ng Nowy Hello-World 

Wyjście:

? Czy chciałbyś dodać routing kątowy? Tak ? Który format StyleSheet chciałbyś użyć? CSS Utwórz Hello-World/Readme.MD (1028 bajtów) Utwórz Hello-World/.EditorConfig (274 bajtów) Utwórz Hello-World/.Gitignore (631 bajtów) Twórz Hello-World/Angular.JSON (3606 bajtów) Utwórz hello-world/pakiet.JSON (1254 bajtów) Utwórz Hello-World/Tsconfig.JSON (458 bajtów) Utwórz Hello-World/TSLINT.JSON (3185 bajtów) Utwórz Hello-World/.Browerslistrc (853 bajtów) Twórz Hello-World/Karma.conf.JS (1023 bajtów) Utwórz hello-world/tsconfig.App.JSON (287 bajtów) Utwórz Hello-World/Tsconfig.Spec.JSON (333 bajtów) Utwórz Hello-World/Src/Favicon.ICO (948 bajtów) Utwórz hello-world/src/indeks.HTML (296 bajtów) Utwórz Hello-World/Src/Main.TS (372 bajtów) Twórz Hello-World/Src/Polyfills.TS (2835 bajtów) Twórz hello-world/src/style.CSS (80 bajtów) Utwórz Hello-World/Src/Test.TS (753 bajtów) Utwórz Hello-World/Src/Assets/.Gitkeep (0 bajtów) Twórz Hello-World/Src/Environments/Environment.szturchać.TS (51 bajtów) Twórz Hello-World/Src/Environments/Environment.TS (662 bajtów) Utwórz Hello-World/Src/App/App-Routing.moduł.TS (245 bajtów) Utwórz Hello-World/Src/App/App.moduł.TS (393 bajtów) Utwórz Hello-World/Src/App/App.część.CSS (0 bajtów) Utwórz Hello-World/Src/App/App.część.HTML (25757 bajtów) Utwórz Hello-World/Src/App/App.część.Spec.TS (1072 bajtów) Utwórz Hello-World/Src/App/App.część.TS (215 bajtów) Utwórz hello-world/e2e/kątówek.conf.JS (869 bajtów) Utwórz hello-world/e2e/tsconfig.JSON (294 bajtów) Utwórz Hello-World/E2E/Src/App.E2E-Spec.TS (644 bajtów) Utwórz hello-world/e2e/src/app.PO.TS (301 bajtów) ✔ Pakiety pomyślnie zainstalowane. Pomyślnie zainicjował git. 

To utworzy katalog o nazwie Hello-World w bieżącym katalogu i utworzy wszystkie pliki do aplikacji kątowej.

Krok 4 - Serwować aplikację kątową

Twoja podstawowa aplikacja kątowa jest gotowa do obsługi. Przełącz na katalog Hello-World, a następnie uruchom aplikację kątową za pomocą polecenia NG Serv.

CD Hello-World Ng Serve 

Domyślnie aplikacja kątowa uruchamiana na porcie 4200. Możesz uzyskać dostęp do swojego systemu w porcie 4200, aby otworzyć aplikację kątową, na przykład:

• http: // localhost: 4200

Możesz zmienić hosta i port do uruchamiania aplikacji kątowej, dostarczając -host i -port argumenty wiersza poleceń.

Ng Serve -Host 0.0.0.0 --port 8080 

Adres IP 0.0.0.0 słucha wszystkich interfejsów i publicznie dostępne.

Wniosek

W tym samouczku nauczyłeś się instalować narzędzie Angular Line Line jako pakiet węzłów. Ten samouczek pomógł ci również stworzyć nową aplikację kanciarną. Teraz odwiedź tutaj, aby skonfigurować aplikację kątową za serwerem Apache.