terça-feira, 27 de agosto de 2019

Angular 5 Instalação passo a passo


O primeiro passo para utilizar o Angular CLI é realizar a sua instalação e, para tal, é necessário ter o Node.JS instalado. Caso ainda não o tenha, acesse o site do Node.js e baixe a última versão destinada ao seu sistema operacional e o seu gestor de pacotes, o npm. 
A razão pela qual precisamos deles, é porque precisaremos instalar a ferramenta de linha de comandos do angular.
Após a instalação entrar no cmd, digitando tecla do windows + R e digitar cmd, depois terá a seguinte tela:

digitar node -v e em seguida
digitar npm -v
abaixo o resultado:


Se ocorreu tudo bem, iremos em seguida instalar a interface de linha de comandos do angular. basta digitar:

npm install @angular/cli -g

Esse comando faz chamar o install do npm para fazer a instalação globalmente, daí utilizarmos a flag -g. 

Para criarmos um projeto novo, basta digitar na linha de comando na pasta desejada, o seguinte comando:

ng new meu-projeto --style=scss --routing

Ao fazer isso, o angular irá criar um novo projeto de nome meu-projeto neste diretório, explicando o atributo style com o valor scss para que seja usado o scss, adicionamos também o atributo routing para garantir que a estrutura é criada com métodos para routear a aplicação. Após esta etapa o angular irá preparar uma estrutura de pastas e instalar os packages necessários para este primeiro projeto.

Encontramos a pasta de sua preferência e digitamos cd meu-projeto para iniicar a aplicação digitando o comando:
 ng serve

Após digitarmos este comando acima, esperamos que o servidor inicie e faça o build do projeto.
Com o browser aberto, digitamos na barra de endereços o seguinte comando.
http://localhost:4200 com a página inicial do angula, conforme figura abaixo:












Nenhum comentário:

Postar um comentário

Angular 5 Instalação passo a passo

O primeiro passo para utilizar o Angular CLI é realizar a sua instalação e, para tal, é necessário ter o  Node.JS   instalado. Caso aind...