Appear Web - Criação de Sites e Aplicativos
banner do curso de ionic na udemy

Como Instalar o Ionic 3 no Windows? Confira!

Ionic 3: Instalação Completa no Windows

Atualizado: 09/07/2019 - 10:07
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:

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;

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" 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!

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.


APRENDA IONIC 2 E 3 NA UDEMY!
Aprenda Ionic 2 e 3 através da abordagem de vários assuntos e no final desenvolva um aplicativo de Chat usando o Firebase!

Veja abaixo o que o curso oferece:
- Criar aplicações completas usando um dos frameworks mais conhecidos do mercado.
- Criar Progressive Web Apps Offline First.
- Criar aplicativos para Android, iOS e Windows Phone.
- Entender os conceitos fundamentais do Ionic.
- Criar menus, components reutilizáveis, serviços e etc...
- Criar aplicações com Ionic/Firebase a partir do Chat mostrado nas aulas.
- Utilizar recursos nativos como SQLite, BarcodeScanner, Camera e gerenciar arquivos.
- Fazer upload de fotos para o servidor.
- Utilizar armazenamento local com IonicStorageModule (IndexedDB, WebSQL e etc...).

Quer saber mais sobre o curso de Ionic? Clique no link abaixo para conhecer:
http://bit.ly/2ESgHbQ

NOS AJUDE CURTINDO ESSE CONTEÚDO, COMENTANDO OU COMPARTILHANDO! SUCESSO E BOM ESTUDO!

imagem representativa Sistema Criador de Site... Vale a Pena?

Sistema Criador de Site... Vale a Pena?

atualizado: 19/08/2019 - 23:08
imagem representativa Como é o Processo de Criação de Sites?

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

atualizado: 19/08/2019 - 23:08
search