Comandos básicos em Angular
#webdev#angular
Gabriela Diniz

Gabriela Diniz @gabrieladnz

About: Hello, world! 👩🏻‍💻

Location:
Brazil
Joined:
Apr 29, 2023

Comandos básicos em Angular

Publish Date: Jun 12 '23
8 0

Comandos básicos para iniciar seu projeto:

  • Para criar um novo projeto, abra o terminal e execute: 
ng new nome-projeto
Enter fullscreen mode Exit fullscreen mode
  • Executar sua aplicação e criar o servidor do projeto: 
ng serve
Enter fullscreen mode Exit fullscreen mode
  • Criar um componente: 
ng g c /nome-pasta/nome-componente
Enter fullscreen mode Exit fullscreen mode
  • Criar um módulo: 
ng g m /nome-pasta/nome-modulo
Enter fullscreen mode Exit fullscreen mode
  • Criar uma interface: 
ng g interface /nome-pasta/nome-interface
Enter fullscreen mode Exit fullscreen mode
  • Criar um service: 
ng g s pasta-serviço/nome-serviço
Enter fullscreen mode Exit fullscreen mode
  • Instalar a CLI: 
npm i -g @angular/cli
Enter fullscreen mode Exit fullscreen mode

Caso você deseje implantar seu projeto Angular em algum local, como o GitPages, por exemplo. Execute:

ng build
Enter fullscreen mode Exit fullscreen mode

Este comando permite gerar um "empacotamento" de todo o projeto, no formato de arquivos HTML + Javascript + CSS para ser publicado em qualquer servidor estático.

Observações:

  • Services não são importados automaticamente para o app.module.ts (diferente dos componentes).
  • :host {} = no arquivo SCSS altera exclusivamente aquele arquivo.

Comments 0 total

    Add comment