DEV Community

Gabriela Diniz
Gabriela Diniz

Posted on

Comandos básicos em Angular

#webdev #angular

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.

Top comments (0)

Read next

elizabethfuentes12 profile image

Add Generative AI to a JavaScript Web App 2.0

Elizabeth Fuentes L -

karleeov profile image

How to Create a Monitoring Dashboard for Your Azure-hosted VM or Website

karleeov -

toluxx profile image

A Deep Dive Into VUEX 4

Toluwanimi -

alakkadshaw profile image

Comparing VoIP SIP STUN/TURN servers: Good, Better, Best?

alakkadshaw -