Kątowa 4 - CLI
Angular CLI ułatwia rozpoczęcie dowolnego projektu Angular. Angular CLI zawiera polecenia, które pomagają nam szybko tworzyć i rozpoczynać projekt. Przejdźmy teraz przez dostępne polecenia, aby utworzyć projekt, komponent i usługi, zmienić port itp.
Aby pracować z Angular CLI, musimy mieć go zainstalowanego w naszym systemie. Użyjmy następującego polecenia do tego samego -
npm install -g @angular/cli
Aby utworzyć nowy projekt, możemy uruchomić następujące polecenie w linii poleceń i projekt zostanie utworzony.
ng new PROJECT-NAME
cd PROJECT-NAME
ng serve //
ng serv // skompiluje się i możesz zobaczyć wynik twojego projektu w przeglądarce -
http://localhost:4200/
4200 to domyślny port używany podczas tworzenia nowego projektu. Możesz zmienić port za pomocą następującego polecenia -
ng serve --host 0.0.0.0 --port 4201
Poniższa tabela zawiera listę kilku ważnych poleceń wymaganych podczas pracy z projektami Angular 4.
Składnik | ng g komponent nowy komponent |
Dyrektywa | ng g dyrektywa nowa-dyrektywa |
Rura | ng g pipe new-pipe |
Usługa | ng g service new-service |
Moduł | moduł ng g my-module |
Za każdym razem, gdy tworzony jest nowy moduł, komponent lub usługa, odniesienie do nich jest aktualizowane w module nadrzędnym app.module.ts.