Instalando O Angular CLI

Antes de instalar o Angular CLI é necessário ter o Node.js e o npm instalados no computador.

PASSO 1: Instalar o Node js e o npm

Primeiramente, para instalar o nodejs e o npm no Windows, será necessário baixar o instalador na página do site oficial.

Serão apresentadas duas opções de versões para download a LTS que tem suporte de longo prazo e a Current que é a última versão. Baixe o instalador com a versão de sua preferência, não se esqueça de selecionar a opção de download para o seu  sistema operacional.
Página de download do NodeJS e npm

Terminado o download execute o arquivo de instalação.
Quando a tela de setup abrir clique em Next para prosseguir com a instalação.
Instalador NodeJS - Tela de boas vindas

Na segunda tela do setup marque a caixinha  I accept ... e clique em Next para prosseguir.

Instalador NodeJS - Termos de uso


O próximo setup será para selecionar o diretório onde o NodeJS será instalado, escolha a pasta da instalação e prossiga clicando em Next.
Instalador NodeJS - local da instalação

Em seguida o setup lhe permitirá personalizar algumas opções da instalação como adicionar ou não o caminho do node e npm na variável PATH, etc. Recomendo deixar todas as opções marcadas e em seguida prosseguir clicando em Next.

Instalador NodeJS - Personalização

Na sequência o instalador pergunta se queremos instalar as ferramentas necessárias para compilar módulos nativos. Recomendo que você deixe a caixinha marcada e clique em Next para prosseguir.
Instalador NodeJS - Módulos Nativos


Na tela seguinte clique em Install para iniciar a instalação. O Windows vai pedir permissão de administrador para instalar o NodeJS.

Instalador NodeJS - Finalização

Na última tela do setup será mostrado que a instalação foi concluída clique em Finish e pronto.

Como deixamos marcada a opção de instalar as ferramentas de compilação, será executado, um script para instalar outras ferramentas adicionais. se não quiser instalar essas ferramentas basta fechar as janelas.

Para verificar se o node e o npm foi instalado corretamente, basta executar node --version e npm --version na linha de comando.

Verificação da instalaçãõ do NodeJS e NPM

Se a instalação ocorreu corretamente você verá uma tela semelhante a essa no prompt de comando.

PASSO 2: INSTALANDO O ANGULAR CLI

Para instalar o Angular CLI usando o npm, abra o prompt de comandos (cmd no windows) e execute o seguinte comando.

npm install -g @angular/cli















Após o npm baixar todas as dependências e instalar o Angular Cli, você já está pronto para usá-lo através do comando ng.

Para testar utilize o comand ng para mostrar a versão do Angular Cli.


Esse resultado mostra que o angular foi instalado corretamente.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Passo a passo: Criando gráficos com o Google Charts

Imagem
Olá pessoal, no tutorial de hoje vou ensinar vocês a utilizar a API de geração de gráficos Google Charts. O que é o Google Charts API O Google Charts API é uma ferramenta muito útil e pratica para desenvolver aplicações web que geram gráficos de uma forma dinâmica. O Google Charts é considerado uma das melhores bibliotecas para geração de gráficos por permitir uma clareza muito grande no código e uma curva de aprendizagem pequena, como descrito em seu site oficial: As ferramentas de gráficos do Google são poderosas, simples de usar e gratuitas.  Neste artigo vou mostrar como criar um gráfico de barras usando a linguagem javascript. Inicialmente, importamos a biblioteca do google charts através da tag <script>. <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> Carregamos o Google Charts e selecionamos o pacote desejado (bar). google.charts.load('current', {'packages':['bar']}); Agora def...
Leia mais

Entenda o que são as Razor Pages do .NET CORE

Imagem
A partir da versão 2.0 do framework .NET Core, o template, ou modelo, padrão para a criação de aplicações simples em ASP.NET, os chamados  webapps, passou a utilizar a tecnologia das Razor Pages, nesse artigo eu vou apresentar para vocês as principais características e vantagens de uso dessa tecnologia.  O Razor Pages é um padrão de desenvolvimento de projetos ( design patterns ) que se assemelha ao modelo MVC (Modelo-Visão-Controlador), ele  utiliza a diretiva @Page para indicar que é um Razor Page. A Microsoft passou a recomendar o uso do Razor Pages para o desenvolvimento de UI (interfaces de usuários) para sistemas feitos na plataforma ASP.NET Core, não tornando obrigatório seu uso. É possível que o desenvolvedor escolha qual o modelo melhor se encaixa nas necessidades de seu sistema. O Razor Pages permite que as páginas web tratem as requisições sem que seja necessário passar por um controller (não seria possível caso fosse usado no sistema o modelo padrão ASP.NET MV...
Leia mais

Como instalar a linguagem SOL no Windows

Imagem
  Passo a passo de instalação da linguagem SOL no Windows Acesse o site oficial da linguagem SOL: Linguagem SOL (sebastiaofortes.github.io) Faça o download do arquivo zip que contém os binários executáveis: Extraia e pasta no seu local de preferência: agora vamos criar uma variável de ambiente que contenha o caminho  onde você extraiu a pasta.  Para isso acesse as propriedades do sistema: Clique em configurações avançadas do sistema: Na janela que abrir, clique em variáveis de ambiente:  Procure e selecione na caixa  de variáveis de sistema pela variável de nome Path e depois de selecioná-la clique no botão editar. Na janela que se abrir, adicione na lista de endereços o caminho da pasta onde se encontra o arquivo tcc.exe do compilador da linguagem SOL (ver figura acima). Após adicionar o caminho clique em OK em todas as janelas que foram abertas. Testando o compilador Para testar o compilador, abra o prompt de comando e digite o comando tcc. Se tudo ocorrer cer...
Leia mais