lunes, 13 de mayo de 2013

Eclipse: integración con jQuery


Estoy desarrollando una aplicación para móviles utilizando HTML5, CSS, Javascript y jQuery, y me gustaría integrar jQuery dentro de Eclipse.

Navegando por la red he descubierto que puede hacerse.

Veamos cómo hacerlo


1. Instalamos Javascript Development Tools para Eclipse

Para ello, en Eclipse/Ayuda/Instalar nuevo Software:


Seleccionamos Añadir, y establecemos:

  • nombre: Eclipse Juno Downloads
  • Localización: http://download.eclipse.org/releases/juno


En el filtro de búsqueda, escribimos javascript:



Pulsamos siguiente y seguimos el proceso de instalación.
Cuando nos pida reiniciar Eclipse, sencillamente reiniciamos.



2. Instalamos el plugin jQuery para Eclipse


Este plugin es externo a Eclipse Juno.
De nuevo, volvemos a Eclipse/Ayuda/Instalar nuevo Software.
Pulsamos añadir, le ponemos un nombre, por ejemplo, jQuery Plugin, y la URL de descarga será:
http://svn.codespot.com/a/eclipselabs.org/jsdt-jquery/updatesite/



3. Convertimos nuestro proyecto en Javascript

Botón derecho sobre el proyecto/configurar/Convertir en proyecto Javascript:



4. Agregamos la librería jQuery

Según convertimos el proyecto a Javascript, se nos abre la ventana de propiedades del proyecto, pulsamos sobre agregar libería Javascript:



Seleccionamos la librería jQuery:


En la lista de librerías del proyecto debe figurar jQuery: