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!