Skip to content

Instantly share code, notes, and snippets.

@robsonfaxas
Last active March 14, 2020 22:38
Show Gist options
  • Save robsonfaxas/5bb6c7f9f315efbd3f821fbc28d93b34 to your computer and use it in GitHub Desktop.
Save robsonfaxas/5bb6c7f9f315efbd3f821fbc28d93b34 to your computer and use it in GitHub Desktop.
[Angular-CLI - Gerando Arquivos] Gerando arquivos no angular: components, services, pipes, directives, guards, modules, class, enum, interface, library, application e universal apps #angular
Comandos para gerar arquivos
#############################################################
Inicie o comando com:
$ ng g
Onde:
“ng” chama o Angular CLI;
“g” ou “generate” é o comando para gerar algo.
Em seguida adicione o que deseja criar e o nome que você quer dar ao elemento a ser criado.
###
Components
Execute o comando:
$ ng g c nome-componente
###
Services
Execute o comando:
$ ng g s nome-servico
###
Pipes
Execute o comando:
$ ng g p nome-pipe
###
Directives
Execute o comando:
$ ng g d nome-diretiva
###
Guards
Execute o comando:
$ ng g g nome-guard
###
Modules
Execute o comando:
$ ng g m nome-modulo
Você pode passar a opção “--routing” para ter um arquivo de rotas separado.
###
Class
Execute o comando:
$ ng g class nome-classe
###
Enum
Execute o comando:
$ ng g enum nome-enum
###
Interface
Execute o comando:
$ ng g interface nome-interface
###
Bibliotecas
Execute o comando:
$ ng g library nome-biblioteca
###
Aplicações
Permite criar outros projetos no mesmo workspace do projeto atual.
Execute o comando:
$ ng g application nome-aplicacao
###
Universal Apps
Faz modificações em uma aplicação existente para ela poder ser renderizada no servidor.
Execute o comando:
$ ng g universal --client-project nome-projeto
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment