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

fredoist profile image

Latio Team: A community for tech hackers building together

Freddy González -

leemeganj profile image

Using the built-in SQLite module in Node.js

Megan Lee -

navv23 profile image

Complete Linux Essentials!

Navaneethan Ghanti -

riz007 profile image

JavaScript’s Fun Twists and How TypeScript Makes It Better

Rizwanul Islam Rudra -