12
Cómo instalar PhoneGap en Eclipse En la siguiente guía vamos a realizar la instalación de PhoneGap en Eclipse en unos breves pasos. Generalmente esta acción se torna complicada y su instalación y configuración nos demanda mucho tiempo. Pero en esta guía lo vamos a realizar de forma práctica y efectiva. La instalación de PhoneGap en Eclipse nos va a otorgar un entorno para desarrollar aplicaciones para dispositivos móviles y con aplicaciones gratuitas. Vamos a necesitar varias herramientas para la buena configuración de PhoneGap. Primero tenemos que instalarEclipse , luego descargarnos el SDK de Android. Este último, si vienes siguiendo la anterior guía de Android, ya dispondrás de él. Cómo instalar PhoneGap en Eclipse Eclipse (Recomendamos INDIGO)

Cómo Instalar PhoneGap en Eclipse

Embed Size (px)

DESCRIPTION

para informaticos

Citation preview

Page 1: Cómo Instalar PhoneGap en Eclipse

Cómo instalar PhoneGap en Eclipse

En la siguiente guía vamos a realizar la instalación de PhoneGap en Eclipse en unos breves pasos. Generalmente esta acción se torna complicada y su instalación y configuración nos demanda mucho tiempo. Pero en esta guía lo vamos a realizar de forma práctica y efectiva. La instalación de PhoneGap en Eclipse nos va a otorgar un entorno para desarrollar aplicaciones para dispositivos móviles y con aplicaciones gratuitas.

Vamos a necesitar varias herramientas para la buena configuración de PhoneGap. Primero tenemos que instalarEclipse, luego descargarnos el SDK de Android. Este último, si vienes siguiendo la anterior guía de Android, ya dispondrás de él.

Cómo instalar PhoneGap en Eclipse

Eclipse (Recomendamos INDIGO)

Page 2: Cómo Instalar PhoneGap en Eclipse

SDK

Una vez que tienes todo descargado comencemos con la instalación y configuración, lo primero que tenemos que hacer es ejecutar Eclipse.

Ahora nos dirigimos al menú superior “Help”, “Install New Software”.

Page 3: Cómo Instalar PhoneGap en Eclipse

En este punto instalaremos el ADT de Android y todas sus herramientas. Pinchamos en “Add”, le colocamos un nombre y la localización que es la siguiente: https://dl-ssl.google.com/android/eclipse/

Nos aparecerán las herramientas a instalar.

Page 4: Cómo Instalar PhoneGap en Eclipse

Las seleccionamos y pinchamos en “Next”, luego aceptas las condiciones y se instalarán las herramientas. Esto puede tardar unos minutos.

Page 5: Cómo Instalar PhoneGap en Eclipse

Next

Aceptas las condiciones

Cuando termine la instalación solo tienes que reiniciar Eclipse, si en el transcurso de la instalación se abre una ventana de error pinchas en “OK”; también el Firewall detectará la aplicación y te pedirá permiso para continuar con la instalación.

Page 6: Cómo Instalar PhoneGap en Eclipse

Al reiniciar la aplicación observarás unos iconos extras en la parte superior de la aplicación.

En los nuevos iconos observarás tanto el “Android SDK Manager” como el “Android Virtual Device Manager”. Estas herramientas las desarrollamos en la guía anterior que son las que nos sirven para programar aplicaciones en Android.

Page 7: Cómo Instalar PhoneGap en Eclipse

Ya tenemos Eclipse configurado para desarrollar aplicaciones para dispositivos móviles. Ahora vamos a instalar PhoneGap de forma sencilla. Pinchas en “Help”, “Install New Software” y colocas en “location” la siguiente ruta:http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2/download

Ahora tienes que seguir los mismos pasos que en la instalación del ADT.

Page 8: Cómo Instalar PhoneGap en Eclipse

Next

Instalando

Reinicias la aplicación.

Ya tenemos instalado PhoneGap en Eclipse y podemos ver el nuevo icono para crear un nuevo proyecto de PhoneGap.

Page 9: Cómo Instalar PhoneGap en Eclipse

Si pinchas en el icono de “PhoneGap”, te pedirá instalar jQuery Mobile o bien Sencha Touch. En este caso elegimos jQuery Mobile y lo instalamos.

jQuery Mobile

Proyecto

Page 10: Cómo Instalar PhoneGap en Eclipse

Hemos creado la nueva aplicación que cuenta con los setting, jQuery y todos los archivos necesarios para desarrollarla.

Page 11: Cómo Instalar PhoneGap en Eclipse