DEV Community

Forninho / Giovanna Menegoli
Forninho / Giovanna Menegoli

Posted on

Conhecendo e instalando Angular CLI

Afinal o que é o Angular CLI?


O Angular CLI é um assistente de interface de linha de comando para inicializar, desenvolver, criar e gerenciar aplicações Angular diretamente de um uma linha de comando como exemplo Prompt de comando e Windows PowerShell . É possível criar componentes, serviços, módulos e diretivas utilizando o Angular CLI.

Todas as versões do Angular CLI seguem a versão principal do Angular com suporte. Hoje o Angular se encontra na sua 11° versão, que foi liberada no dia 23 de outubro de 2020.


Guia de Instalação
Passo 1: Instalação Pré-Requisitos

Vamos instalar o Angular CLI no sistema operacional Windows.

Para realizar a instalação do Angular CLI é preciso de alguns pré-requisitos como: Node na versão 10.13 ou superior e NPM na versão 3 ou superior.

Dica: O mais indicado é sempre instalar a versão recomendada do node.js pois é a mais estável.

Node.js é utilizado para executar JavaScript ao lado do servidor.

Na instalação do Node.js vamos acessar o site oficial https://nodejs.org/pt-br/

Vamos utilizar a versão 10.23.2. Para instalar versões anteriores do Node precisamos acessar "Other Dowloads" para ter acesso a essas versões.
Node00

Vamos entrar em Previous Release para acessar as releases anteriores do Node.js.
Node02

Na página do Previous Releases vamos selecionar a versão Node.js 10.x.
Node03

Vamos selecionar a opção node-v10.23.2-x64.msi. A extensão .msi é mais fácil de baixar softwares(no windows).

Node04

A seguir vamos ver o passo a passo da instalação do Node.js no Windows.

Node05

Precisamos aceitar o acordo de licença para dar inicio a instalação.

Node06

Vamos selecionar uma pasta de destino para o Node.js.

Node07

Node08

Node09

Finalizando a instalação temos o Node.js com sucesso no Windows.

Node10

Para validar a versão instalada basta utilizar o comando
node --version

CMD01

Quando instalamos o Node.js com ele vem o NPM (Node Package Manager) que é gerenciador de pacotes que faz parte do Node.js. Com ele é possível instalar, desinstalar e atualizar dependências de uma aplicação.

Para validar a versão do NPM vamos utilizar o comando npm --version.

CMD02

Passo 2 : Instalação Angular CLI

Com o Node e o NPM instalado podemos iniciar a instalação do Angular CLI. Vamos instalar utilizando o gerenciador de pacotes NPM com o comando npm install -g @angular/cli

O -g do comando significa que vamos instalar o Angular CLI de forma global.

Quando precisamos de uma versão especifica utilizamos o @ com a versão desejada após o @angular/cli.Vamos utilizar a versão 9.0.0 do Angular CLI por isso vamos utilizar o comando npm install -g @angular/cli@9.0.0

cmd04

Para validar a versão do Angular CLI instalada utilizamos o comando ng --version

CMD05

Com isso já temos todos os itens necessários para começarmos a desenvolver utilizando Angular CLI.

No próximo vamos falar sobre os comandos do Angular CLI.!

Top comments (1)

Collapse
 
cristiano_franquilino_c4d profile image
Cristiano Franquilino

Parabéns pelo artigo! Mandou bem demais