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: 16/01/2019 - 08:01

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:
- Mudar browser (navegador) padrão do Ionic;

- Instalar plugin no Ionc 3;
- Sobre error enoent directory open config.xml ionic;
- Ionic Framework: E-book, construa aplicativos para todas as plataformas mobile;

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.


DICAS PARA INICIANTES EM IONIC 3
Está começando a desenvolver aplicativos no Ionic? Confira algumas dicas de cursos e livros que separamos:

- Curso oferecido pela T2Ti onde você aprende a desenvolver um Projeto de  Sistema Financeiro Pessoal Mobile. Esse projeto utiliza Ionic, Cordova, TypeScript e SQLite. Saiba mais clicando aqui!

- Curso Ionic 3 - Construindo um App estilo food com NodeJS, HTML, CSS (SASS) e JavaScript (TypeScript). Para saber mais clique aqui!

- Livro: Ionic Framework: Construa aplicativos para todas as plataformas mobile. Para saber mais clique na imagem abaixo: 


- Livro: Um Guia Prático Para Criar Aplicativos com Ionic. Para saber mais clique na imagem abaixo:


- Livro: Develop Mobile Applications With Ionic. Para saber mais clique na imagem abaixo:



Gostou da postagem? Nos ajude curtindo esse conteúdo, clicando nos anúncios ou compartilhando! Sucesso, até mais!

Fica a dica, até mais!
Por @tarmaxz

imagem representativa Ionic 3: Dicas para Iniciantes

Ionic 3: Dicas para Iniciantes

atualizado: 16/01/2019 - 08:01
imagem representativa Indicação do Livro: Seja o Empreendedor de sua vida

Indicação do Livro: Seja o Empreendedor de sua vida

atualizado: 21/12/2018 - 17:12
search
(15) 996261517 Fale pelo WhatsApp Aqui...