Angular 4 - CLI
O Angular CLI facilita o início de qualquer projeto Angular. O Angular CLI vem com comandos que nos ajudam a criar e iniciar nosso projeto muito rápido. Vamos agora percorrer os comandos disponíveis para criar um projeto, um componente e serviços, alterar a porta, etc.
Para trabalhar com o Angular CLI, precisamos instalá-lo em nosso sistema. Vamos usar o seguinte comando para o mesmo -
npm install -g @angular/cliPara criar um novo projeto, podemos executar o seguinte comando na linha de comando e o projeto será criado.
ng new PROJECT-NAME
cd PROJECT-NAME
ng serve //ng serve // irá compilar e você pode ver a saída do seu projeto no navegador -
http://localhost:4200/4200 é a porta padrão usada quando um novo projeto é criado. Você pode alterar a porta com o seguinte comando -
ng serve --host 0.0.0.0 --port 4201A tabela a seguir lista alguns comandos importantes necessários ao trabalhar com projetos Angular 4.
| Componente | ng g componente novo componente |
| Diretriz | ng g diretiva nova diretiva |
| Tubo | ng g pipe new-pipe |
| Serviço | ng g service new-service |
| Módulo | ng g módulo meu-módulo |
Sempre que um novo módulo, componente ou serviço é criado, a referência do mesmo é atualizada no módulo pai app.module.ts.