Appear Web - Criação de Sites e Aplicativos
imagem representativa Como Instalar o Ionic 3 no Windows? Confira!

Como Instalar o Ionic 3 no Windows? Confira!

cadastrado: 27/08/2018 - 17:08
atualizado: 19/05/2019 - 09:05

Como Instalar o Ionic 3 no Windows? Um dos elementos mais trabalhosos para desenvolvimento de aplicativo com Ionic 3 é instalar e deixar seu ambiente Windows preparado para rodar os aplicativos.

Para desenvolver é necessário ter os seguintes itens instalados: Java 8 JDK, Apache Ant, Node, GitBash, Android SDK, Cordova e Ionic 3... ufa!

Com o objetivo de ajudar, descrevemos um passo a passo explicando e configurando cada um desses itens mencionados:

Java
Baixe e instale o Java 8 JDK ao seu windows, clique aqui para baixar, selecione o 32bit ou 64bit de acordo com o seu Windows.

Faça a instalação normalmente e em seguida, crie uma variável de ambiente com o nome de JAVA_HOME apontando para a pasta raiz na qual o Java JDK foi instalado. Exemplo C:\Arquivos de Programas\Java\jdk8, configure JAVA_HOME para este caminho. Depois disso, inclua também o diretório bin do JDK na variável PATH. Seguindo a suposição anterior, isso deve ser %JAVA_HOME%\bin ou o caminho completo C:\Program Files\Java\jdk8\bin

Confira Também:
- Publicar Aplicativo Ionic Google Play: Criar Ícones;
- Mudar browser (navegador) padrão do Ionic;

- Instalar plugin no Ionc 3;
- Ionic Lifecycle Events: Entenda Cada Evento;

Apache Ant
Para instalar o Ant, baixe o zip da versão atual(clique aqui), extraia-o, mova a primeira pasta do zip para um local seguro e atualize seu PATH para incluir a pasta bin nessa pasta. Por exemplo, se você moveu a pasta Ant para c:/, em seu PATH coloque o seguinte caminho: C:\apache-ant-(número da versão)\bin

Node
Acesse o site do Node clicando aqui, baixe e instale a versão recomendada para o windows, escolher entre 32bit ou 64-bit, normalmente o site do Node já vai te direcionar para a versão correta.

GitBash
Utilizamos o GitBash para facilitar na execução de comandos e instalação de plugins quando programar no Ionic. Clique aqui para baixar a versão para Windows, execute o arquivo e siga as etapas:
- Escolha o local de instalação, Clique em avançar;
- Escolha todos os componentes exceto "Use a TrueType font in all console, avance 2 vezes;
- Selecione "Use Git from Bash only" , Clique em avançar;
- Selecione "Use the OpenSSl library", Clique em avançar;
- Selecione "Checkout Windows-style, commit Unix-style line endings", Clique em avançar;
- Selecione "Use MinTTY(the default terminal of MSYS2)", marque todas as opções...menos Enable symbolic links.

Seu GitBash está instalado!

Android SDK
É necessário instalar o Android SDK. O Android SDK fornece as bibliotecas de API e as ferramentas de desenvolvedor necessárias para criar, testar e depurar aplicativos para o Android. Clique aqui para baixar, já avisando o Androd SDK é um arquivo grande. Cordova requer que a variável de ambiente ANDROID_HOME seja configurada. Essa variável deve apontar para o diretório SDK, por exemplo c:\android\android-sdk.
Em seguida, atualize seu PATH para incluir os caminhos "tools/" e "platform-tools/". Portanto, usando ANDROID_HOME, você pode adicionar as linhas desta forma %ANDROID_HOME%\tools and %ANDROID_HOME%\platform-tools

Cordova
Chegou a hora da verdade, agora instale a Cordova via linha de comando, abra o Git Bash e digite a seguinte linha para instalar e aperte Enter:
npm install -g cordova.

Caso nenhum erro for relatado, prossiga para a instalação do Ionic. Em caso de erro, revise as etapas para corrigir o problema.

Ionic 3
Para instalar o Ionic 3 execute a seguinte linha no Git Bash e aperte enter:
npm install -g ionic

Se tudo deu certo, agora você já pode iniciar o desenvolvimento de aplicativos do Ionic 3.


Dica de Curso - Ionic 3, Construindo um App Estilo Food com NodeJS
Está apreendendo Ionic? Confira a dica de Construindo um App Estilo Food com NodeJS.
Nele você ira apreender várias técnicas de desenvolvimento em NodeJS e Ionic, técnicas essas usadas para publicação de aplicações reais no mercado, ou seja, você terá mais desempenho e qualidade em seu desenvolvimento de seus App's. Clique aqui para saber mais!

Confira Abaixo Uma Amostra da  Vídeo Aula:



Nos ajude curtindo esse conteúdo, comentando ou compartilhando! Sucesso, até mais!


Fica a dica, até mais!
Por @appear_web

imagem representativa Ionic Lifecycle Events: Entenda Cada Evento

Ionic Lifecycle Events: Entenda Cada Evento

atualizado: 19/05/2019 - 09:05
imagem representativa O que é Firebase?

O que é Firebase?

atualizado: 17/05/2019 - 22:05
search
(15) 996261517 Fale pelo WhatsApp Aqui...