Como criar um projeto Ionic 2

Nesse tutorial vamos aprender de forma simples como instalar e configurar nosso primeiro aplicativo usando o Ionic 2.

Projetos com Ionic 2 são criados via linha de comando, usando uma ferramenta chamada Ionic CLI (command line utility). Além dela, para ter acesso às funcionalidades nativas do seu smartphone ou tablet, precisa-se de uma outra ferramenta: o Cordova.

Para instalar o Ionic CLI e o Cordova, abra uma janela de comandos (Prompt de Comandos) no Windows e digite:

npm install -g ionic cordova

Assim que ele terminar o processo, você já pode criar o seu primeiro projeto, usando o comando:

ionic start tutorial --v2

Você pode escolher o nome que quiser para o projeto. Aqui, usamos tutorial. Uma pasta com os arquivos-base de um projeto Ionic 2 é então criada no seu sistema de arquivos.

Para acessar essa pasta via janela de comandos do Windows, use o comando:

cd tutorial

Agora que você se encontra dentro da pasta do projeto, basta executar o comando:

ionic serve --lab

Ao final, seus comandos se parecerão com essa tela:

Pronto! Isso é tudo por agora. Você vai visualizar no seu navegador uma aba com 3 simulações de telas, uma para cada tipo de dispositivo que o Ionic 2 suporta (Android, iOS e Windows Phone).

No próximo tutorial, falaremos dos componentes de um projeto Ionic 2.

Se gostou, compartilhe!