Framework

Jak zainstalować kątowy CLI na Ubuntu 22.04

Jak zainstalować kątowy CLI na Ubuntu 22.04

Angular CLI to potężne narzędzie, które pozwala programistom szybko tworzyć i wdrażać aplikacje kątowe. Zapewnia szereg poleceń do szybkiego tworzenia i wdrażania aplikacji opartych na NG. Omówimy również niektóre cechy kątowych CLI. Cechy kątowych CLI obejmują:

  • Tworzenie nowych projektów z różnymi szablonami
  • Praca z plikami i aktywami
  • Budowanie projektów do produkcji
  • Generowanie rusztowania kodu

W tym poście na blogu pokażemy, jak zainstalować angular CLI na Ubuntu 22.04. Zacznijmy!

Krok 1 - Instalowanie węzła.JS

Węzeł.JS jest głównym wymogiem uruchamiania aplikacji kątowych. Możesz zainstalować wymagany węzeł.JS za pomocą narzędzia linii poleceń NVM. Zaloguj się do swojego systemu Ubuntu i śledź:

  1. Użyj następującego polecenia, aby zainstalować NVM:
    curl https: // surowe.Githubusercontent.com/CreationIX/nvm/master/instalacja.sh | grzmotnąć
  2. Teraz aktywuj NVM Enviornemnt w swoim systemie.
    Źródło ~/.Bashrc
  3. Na dzień dzisiejszy Angular 14 to najnowsza wersja, która suport węzł.JS 14 LTS i 16 wersji LTS. Następujące polecenie zainstaluje węzeł.JS 16 w twoim systemie.
    NVM Instaluj V16
  4. Poniższe polecenie wyświetli wersję węzła i NPM zainstalowanego w systemie.
    węzeł -v NPM -V

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 @Angular/CLI - -Location = Global
Instalowanie kątowego CLI na Ubuntu 22.04

Najnowsza wersja Angular CLI zostanie zainstalowana w systemie Ubuntu Linux.

Możesz wymagać starszej wersji kątowej na swoim komputerze. Aby zainstalować specyficzne polecenie uruchamiania wersji kątowej w następstwie z numerem wersji.

NPM install -g @angular/[chroniony e -mail]10 #Krajowy 10 NPM install -g @angular/[chroniony e -mail]11 #Krajowy 11 NPM install -g @angular/[chroniony e -mail]12 #Krajowy 12

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.

Wersja NG
Sprawdź zainstalowaną wersję kątową

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

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

Krok 3 - Utwórz nową aplikację kątową

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 
OUPUT ? Czy chciałbyś dodać routing kątowy? Tak ? Który format StyleSheet chciałbyś użyć? CSS Utwórz Hello-World/Readme.MD (1064 bajtów) Utwórz Hello-World/.EditorConfig (274 bajtów) Utwórz Hello-World/.Gitignore (548 bajtów) Twórz Hello-World/Angular.JSON (2947 bajtów) Utwórz hello-world/pakiet.JSON (1042 bajtów) Utwórz Hello-World/Tsconfig.JSON (863 bajtów) Utwórz Hello-World/.Browerslistrc (600 bajtów) Twórz Hello-World/Karma.conf.JS (1428 bajtów) Utwórz Hello-World/Tsconfig.App.JSON (287 bajtów) Utwórz Hello-World/Tsconfig.Spec.JSON (333 bajty) Utwórz Hello-World/.vscode/rozszerzenia.JSON (130 bajtów) Utwórz Hello-World/.vscode/uruchom.JSON (474 ​​bajtów) Utwórz Hello-World/.Vscode/zadania.JSON (938 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 (2338 bajtów) Twórz Hello-World/Src/Styles.CSS (80 bajtów) Utwórz Hello-World/Src/Test.TS (749 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 (658 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 (23364 bajtów) Utwórz Hello-World/Src/App/App.część.Spec.TS (1088 bajtów) Utwórz Hello-World/Src/App/App.część.TS (215 bajtów) ✔ Pakiety pomyślnie zainstalowane.

To utworzy katalog o nazwie Hello-World w bieżącym katalogu i utworzy wszystkie wymagane pliki dla 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 3001

Korzystanie z adresu hosta 0.0.0.0 pozwala aplikacji na słuchanie wszystkich interfejsów i jest publicznie dostępna.

Wniosek

Podsumowując, ten artykuł pokazał, jak zainstalować CLI kątowe na Ubuntu 22.04. Ten samouczek pomógł ci również stworzyć nową aplikację kanciarną. Teraz odwiedź tutaj, aby skonfigurować aplikację kątową za serwerem Apache. Jeśli napotkasz jakiekolwiek problemy lub masz jakieś pytania, zostaw komentarz poniżej, a zrobię co w mojej mocy, aby Ci pomóc. Dziękuje za przeczytanie!.