Capa

Table of Contents

  1. Instalando o Node.js
  2. Instalando o Angular 2
  3. Typescript
  4. Criando uma aplicação com Angular 2
  5. O que vem por aí

Vamos começar!

Instalando o Node.js

Primeiramente você precisa instalar o Node.js, é recomendado que você use a versão 6.9 ou maior.
Para instalar o Node, você precisa ir até o site e fazer o download da versão adequada ao seu sistema operacional.

Instalando o Angular 2

Uma vez que você instalou o node com sucesso, agora você precisa da ferramenta da linha de comando do Angular, chamada de angular-cli. É esta ferramenta que vai auxiliar o desenvolvimento da sua aplicação e deixará a disposição do desenvolvedor vários comandos para gerar componentes, serviços e mais algumas coisas que vamos discutir melhor mais a frente.

Para instalar, rode o comando:

Se você usa windows, você você precisa abrir o CMD com privilégios de administrador e rodar o comando acima sem usar o sudo

1
sudo npm install -g @angular/cli

Uma vez que o Angular está instalado, você pode rodar o seguinte comando para veririfcar se tudo está certo:

1
ng version

ngversion

Se até aqui está tudo certo, vamos seguir!

Typescript

A melhor e mais popular forma de escrever um app usando Angular 2 é utilizando o Typescript.

Em poucas palavras, o Typescript nada mais é do que Javascript com suporte a verificação de tipos. Isso significa que existirão menos erros em tempo de execução e mais produtividade para os desenvolvedores. Essa é a razão pela qual o Angular 2 recomenda o Typescript.

Se você quer saber mais sobre o Typescript, dá uma lida aqui.

Não é necessário ler sobre o typescript neste exato momento para continuar a leitura. Então fique a vontade para ler quando for melhor.

Instale o typescript:

1
sudo npm i -g typescript

Mais uma vez, vamos verificar se está instalado corretamente:

1
tsc -v

Este comando irá retornar a versão do Typescript instalada no seu computador.

Agora que já instalamos todas as dependências, vamos criar uma aplicação!

Criando uma aplicação com Angular 2

Agora vamos para a parte legal!

Para criar uma aplicação com o Angular 2, vamos utilizar o angular-cli instalado anteriormente:

1
ng new nome_da_aplicacao

Esse comando vai criar uma pasta com o nome da aplicação e também irá executar o yarn/npm install para fazer download das dependências da aplicação criada.

Para executar a aplicação criada, faça o seguinte:

1
2
cd nome_da_aplicacao # Entra na pasta da aplicação
ng serve # Inicia a aplicação

Agora se abrimos o navegador em http://localhost:4200, devemos ver a seguinte tela:

ngserve

Está tudo funcionando! Você pode dar uma olhada na estrutura do projeto e em especial na pasta src. É lá que vamos fazer a maioria do trabalho.

O que vem por aí

Agora que já preparamos o necessário e criamos uma aplicação com o Angular2 utilizando a ferramenta de linha de comando, no próximo post vamos continuar explorando o framework e suas funcionalidades.