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/cli
Para 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 4201
A 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.