Criação de Sites, Manutenção de Sites e Links Patrocinados - Appear Web

Como Instalar o Ionic 3 no Windows?

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

Atualizado: 03/10/2020 - 13:10 | Cadastrado: 27/08/2018 - 17:08
Compartilhe

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!

Udemy: Explore as PossibilidadesCom 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Ê!

Ionic 5: Crie Aplicativos para ANDROID e IOS

Ionic 5: Crie Aplicativos para ANDROID e IOS

Saiba Mais
Curso Udemy: Ionic do Zero até Publicação

Curso Udemy: Ionic do Zero até Publicação

Saiba Mais
Comece a Ganhar Dinheiro Trabalhando Em Casa Hoje

Comece a Ganhar Dinheiro Trabalhando Em Casa Hoje

Saiba Mais
Aprenda HTML, CSS, JavaScript, Bootstrap, PHP, MySQL na Udemy

Aprenda HTML, CSS, JavaScript, Bootstrap, PHP, MySQL na Udemy

Saiba Mais

Veja Também

Appear Web - Criação de Sites e Links Patrocinados - 2021