Artykuły ogólne

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

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.