Angular7 - monity 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/cliAby 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 serve // will compile and you can see the output of your project in the browser −
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 4201Polecenie Angular Update
Jeśli chcesz zaktualizować aplikację i jej zależności, możesz użyć następującego polecenia -
ng update @angular/cli @angular/coreZaktualizuje podstawowe ramy do najnowszej wersji, tj. Angular 7, a także angular-cli. Możesz użyć powyższego polecenia z następującymi opcjami -
Lista ważnych poleceń kątowych
Poniższa tabela przedstawia kilka ważnych poleceń wymaganych podczas pracy z projektami Angular 7 -
| Sr.No | Polecenia i opis |
|---|---|
| 1 | Component ng g komponent nowy komponent |
| 2 | Directive ng g dyrektywa nowa-dyrektywa |
| 3 | Pipe ng g pipe new-pipe |
| 4 | Service ng g service new-service |
| 5 | Module moduł ng g my-module |
| 6 | Test ng test |
| 7 | Build ng build --configuration = production // dla środowiska produkcyjnego ng build --configuration = staging // do określania środowiska |
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.