Fernando Alves

Guia Rápido para Instalar e rodar o Cordova / Phonegap no Windows

Algumas pessoas que eu conheço tiveram problemas na hora de instalar o Phonegap no Windows e resolvi fazer esse guia rápido de como instalar e rodar o phonegap sem problemas.

1. Instale o Node.js
Vá na página http://nodejs.org/ e clique no botão install que você vai baixar um arquivo de instalação para windows .msi

2. Instale o Git

Vá em http://git-scm.com/downloads e baixe o Git Installer

Depois configure as variáveis globais do git, então abra o cmd e coloque essas duas linhas:

$ git config --global user.name "Seu Nome"
$ git config --global user.email seuemail@email.com

3. Instale o  Phonegap

Abra o cmd e digite:

npm install -g phonegap

4. Faça o Download do Java JDK

Faça Download do Java JDK desse endereço: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

5. Faça o Download do ANT

Dessa página aqui: http://ant.apache.org/bindownload.cgi depois descompacte os arquivos em algum lugar

6. Faça Download do ADT Bundle

Dessa página http://developer.android.com/sdk/index.html#download e descompacte os arquivos em algum lugar.

7. Configure o Path do Windows

Do desktop, clique com o botão direito em Meu Computador e depois em Propriedades
Clique em Configurações Avançadas na coluna da esquerda
Na janela de Propriedades de Sistema clique no botão Variáveis de Ambiente.
Selecione a variável PATH da seção de Variáveis do Sistema
Clique em Editar.
Dentro da pasta do ADT Bundle que você descompactou pegue o caminho completo até a pasta \sdk\tools e adicione no final da variável PATH.
Copie o caminho para \sdk\platform-tools para a variável PATH também

8. Configure o JAVA_HOME

Crie uma nova variável de ambiente chamada JAVA_HOME e coloque o caminho para o JDK nessa variável. Fica alguma coisa como “C:\Program Files\Java\jdk1.8.0_05

9. Configure o ANT_HOME

Crie uma nova variável de ambiente chamada ANT_HOME e coloque o caminho da pasta ANT que você descompactou.

10. Crie e Lance um Hello World

Usando o cmd escreva:

phonegap create hello
cd hello 
phonegap run android

Dentro da pasta do projeto hello, crie um arquivo index.html e coloque na pasta www.
Conteúdo de index.html:

<html><body>Hello World</body></html>

Depois use o cmd novamente :

phonegap run android

E veja o Hello World na tela do seu telefone

 

Sair da versão mobile