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

teamstation profile image

Our Scientific Approach to Aligning Human Capacity with Business Objectives

TeamStation AI -

motuncoded profile image

How to create Subscribe to Newsletter with Reactjs and Supabase

Adijat Motunrayo Adeneye -

arjun98k profile image

Introduction to JavaScript

arjun -

timesofasi profile image

7 Game-Changing ChatGPT Prompts to Solve Any Problem

TimesofAsi -