Pular para o conteúdo principal

Instalação do Ionic Framework no Windows






Tutorial de como instalar o Ionic Framework no Windows:
Link do guia de instalação: https://cordova.apache.org/docs/en/3.4.0/guide/platforms/android/index.html

Aqui instalei a verão do Ionic v.3.4.0.

* Entrar no site oficial para verificar o guia de instalação. o link é: https://ionicframework.com

1- Instalar o NodeJs:

1.1- Testar a instalação do nodejs, no cmd via comando: npm -v.

2- Instalar o Java JDK 8 e configurar as variaveis de ambiente.

3- Instalar o ionic e cordova:

3.1- Abrir o cmd ou git bash (como administrador) e digitar o comando:
$ npm install -g ionic cordova

3.2- Testar se instalou com o comando: ionic -v.

3.3- Testar exibição dos comandos do ionic e cordova, basta digitar ionic e teclar Enter,
     e depois cordova e teclar Enter.

4- Instalar o Apache Ant.
4.1- Fazer download do Apache ant no link: http://ant.apache.org/bindownload.cgi
     Baixar a versão 1.9.9-zip.

4.2- Extrair os arquivos para C:\.

4.3- Inserir o caminho da pasta bin nas variáveis de ambiente.

5- Instalar o Android SDK:

5.1- A instalação é feita baixando o Android Studio.

5.2- Após concluída a instalação, executamos o Android Studio. Ele irá baixar alguns pacotes
     e também uma API do android, então esperamos este processo finalizar.

5.3- Agora temos que verificar, qual versão da API do android o ionic que instalamos trabalha.
     Na tela de Welcome do Android Studio, clicamos em Configure -> SDK Manager, e marcamos
     As versões do android que serão instaladas, marque as versões 5.0, 5.1 e 6.0 e clique em Apply.
     Novamente, aguardamos ele fazer o download das API's.

5.4- Agora temos que criar a variável de ambiente chamada ANDROID_HOME.
     E no valor da váriavel, especificamos o caminho de instalação do SDK,
     que por padrão é: C:\Users\Eduardo\AppData\Local\Android\sdk

5.5- Agora na variável Path do Windows, especificamos os caminhos da pasta tools e platform-tools.
     Edite a Path e insira: ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

6- Instalação do Bower:

6.1- Para instalar basta abrir o cmd como administrador e digitar o comando: npm install -g bower

7- Testando o build:

7.1- Agora vamos criar um projeto no ionic para testar a instalação. Para isso, ainda no cmd,
    digite: ionic start myApp tabs

7.2- Adicionando plataforma android no projeto. Comando: cordova platform add android

7.3- Agora criamos nosso apk com o comando: cordova build
     Ao final do build, se tudo der certo, exibirá a mensagem BUILD SUCCESSIFUL e logo abaixo
     o caminho do arquivo.apk gerado.


Have fun! :)


Marcadores:

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Como compilar javascript com Sublime Text

Tutorial de como compilar código javascript com o Editor Sublime Text: Primeiro de tudo é necessário baixar e instalar o node js. Agora, no sublime, clique em Tools - Build System - New Build System..., e cole o código abaixo: { "cmd": ["node", "$file"], "selector": "source.js", "working_dir": "${project_path:${folder}}", "path": "C:\\Program Files\\nodejs" } Atenção: Em path, coloque o caminho correto da instalação do nodejs. Usa-se duas barras mesmo, não é erro! Agora tecle Ctrl + S para salvar este arquivo, já será apontado para o diretório correto, basta mudar o nome do arquivo para node. Nome completo do arquivo deverá ser: node.sublime-build. Pronto! Crie um arquivo de teste e vá em Tools - Build System e selecione a opção node . E para compilar tecle Ctrl + B.
Postar um comentário
Leia mais

Como criar projeto no Laravel especificando a versão do framework

Olá amigos dev's! Este post nos ensina como criar um projeto em um dos frameworks PHP mais utilizados atualmente, o Laravel. A criação é feita via Composer, porém às vezes queremos trabalhar com uma versão específica do framework e se executarmos o comando sem especificar a versão, ele automaticamente instalará a mais recente. Antes de executarmos o comando para criar o projeto, precisamos instalar o framework. Para tal, executamos o seguinte comando: composer global require "laravel/installer" Ao executar o comando acima, o composer irá se encarregar de baixar e instalar os pacotes das dependências do framework. Se for a primeira vez, ele pode demorar alguns minutos! Após finalizado a instalação do Laravel , executamos o comando para criar nosso projeto. Digite: composer create-project --prefer-dist laravel/laravel nome-do-projeto 5.1.* Note que no final do comando está especificado a versão do framework que desejarmos! Referencias:  https://laravel.c...
Postar um comentário
Leia mais

Traduzindo Aplicação Laravel

Uma dica muito boa para traduzir sua aplicação desenvolvida em PHP no framework Laravel. Primeiro acessamos o link do projeto no Github que contém a biblioteca com mais de 61 idiomas, que é  https://github.com/caouecs/Laravel-lang Há dois modos de fazermos este processo, baixando a biblioteca através do composer ou copiando somente a pasta do idioma que desejamos traduzir. Baixando a biblioteca via Composer: No terminal, digite o comando abaixo e aguarde o fim da instalação: composer require caouecs/laravel-lang Após instalado, a biblioteca ficará no diretório: app\vendor\caouecs. Acessamos esta pasta e dentro da pasta src  teremos as pastas dos respectivos idiomas, basta copiar a pasta desejada e colar em resources\lang. O outro modo é baixarmos o arquivo da biblioteca compactado direto no Github e fazermos o mesmo processo da cópia da pasta do idioma mencionado acima. Feito isto, acessamos o arquivo de configurações em config\app.php , para mudarmos o idioma d...
Postar um comentário
Leia mais