Appear Web - Criação de Sites e Aplicativos

Como Instalar o Ionic 3 no Windows?

Tutorial Completo de Como Fazer a Instalação do Ionic no Windows 7

Atualizado: 18/10/2019 - 08:10 | Cadastrado: 27/08/2018 - 17:08

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:

Â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.

NOS AJUDE CURTINDO OU COMPARTILHANDO! SUCESSO E BOM ESTUDO!

imagem representativa Vendas em Tempos de Crise

Vendas em Tempos de Crise

atualizado: 06/11/2019 - 22:11
imagem representativa Como é o Processo de Criação de Sites?

Como é o Processo de Criação de Sites?

atualizado: 03/11/2019 - 09:11
imagem representativa Quais as Vantagens de Ter um Site para Sua Empresa?

Quais as Vantagens de Ter um Site para Sua Empresa?

atualizado: 03/11/2019 - 09:11
search