Como Instalar o Ionic 3 no Windows?

Como Instalar o Ionic 3 no Windows? Um dos elementos mais trabalhosos para desenvolvimento em Ionic 3 é instalar o Ionic, 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 para instalar o Ionic:

Âncoras do Texto:
- Instalar o Java
- Instalar o Apache
- Instalar o Node
- Instalar o Gitbash
- Instalar o Android SDK
- Instalar o Cordova
- Instalar o Ionic

Instalar o Ionic: 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:
- Ionic: Como fazer o upload de imagem pelo servidor PHP?
- Navegação entre Páginas Ionic 3: Diferenças do SetRoot e Push;
- 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;

Instalar o Ionic: 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

Instalar o Ionic: 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.

Instalar o Ionic: 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" e "Associate .git configuration files with the default text editor", 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!

Instalar o Ionic: 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

Instalar o Ionic: 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.

Instalar o Ionic: 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: Ótimo curso de Ionic 4!
Aprenda Ionic 4 integrado ao Angular, armazene dados com o Firestore e adicione Login com Facebook e Email e Password!
Criado por Plínio Naves, Frahaan Hussain
>>Conheça o curso clicando aqui!<<

GOSTARIA DE AJUDAR NOSSO SITE? ENTÃO, CURTA OU COMPARTILHE ESSA PÁGINA. SUCESSO E BOM ESTUDO PARA VOCÊ!