Jak utworzyć aplikację kątową z kątowym CLI

Angular to frameworki JavaScript, biblioteki, zasoby i narzędzia. Ten samouczek pomoże ci utworzyć aplikację kątową za pomocą narzędzia kątowego CLI na dowolnej platformie. Projekt kątowy zapewnia i interfejs wiersza poleceń o nazwie Angular CLI do automatyzacji. Możesz przeprowadzać automatyzację operacji w projektach kątowych zamiast robić je ręcznie i oszczędzać czas i wysiłek. Korzystając z kątowego CLI, możesz wykonać obserwacje:

• Tworzenie nowego projektu.
• Konfiguracja środowiska aplikacji.
• Zarządzaj konfiguracją aplikacji.
• Budowanie komponentów, usług i systemu routingu.
• Rozpoczęcie aplikacji, testowanie i wdrażanie projektu.
• Instalowanie bibliotek trzecich imprez, takich jak Bootstrap, SASS itp.

Utwórzmy Twoją aplikację kątową:

Wymagania wstępne

Kątowe wymagane nodeJs do zainstalowania w twoim systemie. Możesz śledzić jeden z poniższych samouczków, aby zainstalować kątowy w systemie zgodnie z systemem operacyjnym.

• Zainstaluj węzeł.JS w systemie Windows
• Zainstaluj węzeł.JS na Centos i Fedora
• Zainstaluj węzeł.JS na Ubuntu i Debian i Linuxmint

Po instalacji upewnij się, że węzeł.JS i NPM są prawidłowo zainstalowane.

węzeł -v v12.4.0 

NPM -V 6.9.0 

Zainstaluj kątowy CLI

Teraz zainstaluj narzędzie Angular CLI za pomocą menedżera pakietów NPM.

NPM install -g @angular/cli 

Opcja -G z instalacją ubezpieczy się do instalacji CLI kątowe na całym świecie w systemie. 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: 8.0.3 węzeł: 12.4.0 OS: Linux x64 Angular:… Wersja pakietu ----------------------------------------- -------------- @angular-devkit/architekt 0.800.3 @Angular-devkit/Core 8.0.3 @Angular-devkit/Schematics 8.0.3 @schematy/angular 8.0.3 @schematy/aktualizacja 0.800.3 RXJS 6.4.0 

Utwórz aplikację kątową

Twój system jest gotowy do budowy aplikacji kątowej. Następujące polecenie utworzy aplikację kątową o nazwie Witajcie.

Ng Nowy Hello-kod 

To utworzy katalog z nazwą projektu i utworzy wszystkie pliki pod nim. Instaluje również wszystkie wymagane biblioteki w tym katalogu. Po udanym tworzeniu zobaczysz poniższą wiadomość na ekranie.

… Dodano 1011 pakietów od 1041 współpracowników i skontrolowałem pakiety 19005 w 55.774S znalazł 0 luk w zabezpieczeniach z powodzeniem zainicjował git. 

Uruchom aplikację kątową

Twoja podstawowa aplikacja kątowa jest gotowa do obsługi. Zmień na katalog Hello-ending i uruchom aplikację kątową za pomocą komendy NG Serve.

CD hello-kodowe podanie ng 



Możesz uzyskać dostęp do aplikacji kątowej w Port LocalHost 4200, który jest domyślnym hostem i portem używanym przez aplikację Angular.

 http: // localhost: 4200 



Możesz zmienić hosta i port do uruchamiania aplikacji kątowej, dostarczając -gospodarz 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 dostępne publicznie.