Angular7 - Prompts 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/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 // will compile and you can see the output of your project in the browser −

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

Comando para Atualização Angular

Caso queira atualizar seu aplicativo e suas dependências, você pode usar o seguinte comando -

ng update @angular/cli @angular/core

Ele irá atualizar o framework principal para a versão recente, ou seja, Angular 7 e também angular-cli. Você pode usar o comando acima com as seguintes opções -

Lista de Comando Angular Importante

A tabela a seguir lista alguns comandos importantes necessários ao trabalhar com projetos Angular 7 -

Sr. Não	Comandos e descrição
1	Component ng g componente novo componente
2	Directive ng g diretiva nova diretiva
3	Pipe ng g pipe new-pipe
4	Service ng g service new-service
5	Module ng g módulo meu-módulo
6	Test teste de ng
7	Build ng build --configuration = production // para ambiente de produção ng build --configuration = staging // para definir o ambiente

Sempre que um novo módulo, componente ou serviço é criado, a referência do mesmo é atualizada no módulo pai app.module.ts.