Eclipse JavaScript Editor: asistencia de contenido para archivos js, autocompletado

StackOverflow https://stackoverflow.com/questions/1006934

Pregunta

Estoy probando Eclipse (con los complementos JavaEE y Desarrollo Web) como un IDE JavaEE / GoogleAppEngine. En el editor HTML, si pongo un <script ... src="..." /> en <head> automáticamente obtengo asistencia de contenido para JavaScript en el archivo referenciado. Me preguntaba si era posible obtener asistencia de contenido para otros archivos JavaScript (por ejemplo, jQuery o homebrew js library) dentro del editor de JavaScript.

¿Fue útil?

Solución

Acabo de descubrir cómo obtener asistencia de contenido js en Eclipse JavaScript editor (sin los complementos de Aptana):

Si el tipo de proyecto no contiene soporte de JavaScript de forma nativa: abra la perspectiva Web (o JavaScript), haga clic con el botón derecho en el proyecto y seleccione Soporte de desarrollo web > Agregar soporte de JavaScript (esto no afectará si el soporte de JavaScript ya está presente)

luego haga clic derecho en Soporte de JavaScript dentro del proyecto y seleccione Propiedades , en la sección de JavaScript vaya a la biblioteca de JavaScript y luego seleccione la pestaña Fuente: aquí puede agregar carpetas y archivos para ser escaneados por asistencia de contenido para el proyecto actual

En Aptana Studio (como un complemento de eclipse pero supongo que la versión independiente es casi la misma): abra cualquier archivo js o html, muestre la ventana Referencias (o abra Aptana perspectiva en eclipse) y arrastre y suelte los archivos js que desea agregar al alcance de JavaScript (es posible construir y activar diferentes perfiles de alcance con diferentes archivos y recursos de JavaScript: simplemente haga clic en agregar perfil en la ventana barra de herramientas)

Otros consejos

imo, Aptana es el mejor complemento de eclipse para la edición de js. Incluye soporte para muchas de las principales bibliotecas como jQuery, yui, dojo, etc.

Spket , sin embargo, también es bueno. Aunque sobre todo si haces el desarrollo de la extensión de Firefox (aunque un poco desactualizado)

El editor js integrado es terrible. afirma que hay errores por todas partes, incluso cuando claramente no los hay.

Para Aptana Studio 3: (complemento para Eclipse probado)

Encuentre una biblioteca que le interese ... Guárdela en su disco y luego arrástrela a su proyecto. No importa en qué parte del proyecto se encuentre, por lo que puede crear una nueva carpeta para archivos como este si lo desea.

!! El proyecto debe ser algún tipo de proyecto web: Web, PHP, Python, Ruby, Rails.

http://wiki.appcelerator.org/display/tis/Using+ JavaScript + Bibliotecas

Para Eclipse Juno 4.2 y Aptana Studio 3 y JQuery (jquery-1.7.2.js)

Obtuve esto funcionando y los magjis votaron arriba con una advertencia.

Dejar caer la biblioteca JQuery minificada según los magjis anteriores en una subcarpeta de un proyecto existente no funcionó para mí. Me funcionó después de crear un nuevo proyecto y usar la biblioteca sin comprimir.

Hay docenas de publicaciones desactualizadas en SO y en otros lugares que hacen referencia a diálogos obsoletos de Aptana y proporcionan información que no es pertinente para la versión actual de Eclipse. Todo lo que sé es que para Eclipse Juno 4.2, Aptana 3 y JQuery 1.7.2, esto es lo que funciona (al menos para mí):

Asegúrese de tener instalado el complemento Aptana y de que esté en la perspectiva web. Así se llama la perspectiva de Aptana Studio ... sería menos confuso si la nombraran como algo que tuviera la palabra 'Aptana'.

Asegúrese de que su editor predeterminado sea 'JavaScript Source Editor'. Establezca esto en la ventana - & Gt; Preferencias - & Gt; General - & Gt; Editores - & Gt; Asociaciones de archivos y elegir la extensión .js en la lista. Hay más de una opción en el cuadro de lista a continuación. El uso de cualquier otro editor ni siquiera me dio color de código ... este es el único con el que puedo obtener ayuda de código para trabajar.

Hice esto antes de seguir el consejo de magjis anterior, así que no sé si era necesario. Pero instalé el rublo JQuery de la siguiente manera: http://wiki.appcelerator.org/display/tis / JavaScript + Biblioteca + Soporte # JavaScriptLibrarySupport-jQuery% 28

Entonces, para exponer la respuesta de magjis arriba: Cree un nuevo proyecto y agregue la biblioteca JQuery sin comprimir colocando jquery-1.7.2.js en el proyecto en el Explorador de proyectos y seleccionando la opción Vincular a archivo en el cuadro de diálogo que apareció. Me vinculé a jquery-1.7.2.js en la carpeta / js de la raíz del proyecto, que es donde la biblioteca generalmente va de todos modos. Coloque jquery1.4.2.sdocml en el proyecto y elija copiar o vincular al archivo. Copié el archivo en la raíz del proyecto.

Si puedo hacer un comentario adicional, en retrospectiva, desearía haber renunciado a Eclipse hace dos meses y quedarme con Notepad ++ o pasar el tiempo buscando un entorno PHP / JS / HTML / CSS más ágil, más rápido y más estable.

Descargo de responsabilidad Soy el autor de tern.java.

Le sugiero que instale tern.java que extiende JSDT para mejorar el soporte de JavaScript (finalización, desplazamiento, hipervínculo, validación) para muchos marcos de JavaScript modernos (jQuery, jQuery UI, jQuery Mobile, YUI, Dojo, Cordova, etc.) Vea la lista completa de módulos de tern

Intenté y fallé con muchas sugerencias. A punto de rendirme me encontré con esto:

  1. Busque JSDT jQuery del mercado Eclipse e instálelo. Encontré JSDT jQuery 1.5.0.
  2. Haga clic derecho en su proyecto y configure la ruta de compilación (sé que desearía que también fuera a nivel de espacio de trabajo).
  3. Ir a JavaScript > Incluir ruta y haga clic en Agregar biblioteca de JavaScript ...
  4. Elija jQuery. Este es el soporte v1.8. Miré pero no pude encontrar nada más nuevo.
  5. Reinicie Eclipse y viola.

Finalmente, ¿verdad ?!

Habilitación de la validación de Javascript para Aptana Studio 3.2:

  1. Ventana - > Preferencias - & Gt; Validación
  2. Seleccione Javascript y habilite jslint
  3. Proyecto - > Propiedades - & Gt; Project Natures
  4. Seleccione Web (y cualquier otra cosa que desee)
  5. Ventana - > Mostrar vista - & Gt; Problemas
  6. Guarde su archivo, los problemas deberían llenarse con advertencias
  1. Haga clic derecho en su proyecto y seleccione Propiedades.
  2. Expandir Javascript - > Incluir ruta.
  3. En la pestaña Bibliotecas, haga clic en " Agregar biblioteca de Javascript " ;.
  4. Seleccione " Biblioteca de usuario " - > " Configurar bibliotecas de usuario " ;.
  5. Agregue todos los archivos .js que necesita, haga clic en Aceptar y espere a que se complete la compilación del proyecto.
  6. Debe completar el código de todos los archivos de biblioteca que agregó al editar sus propios archivos .js.

Agregar bibliotecas .js a su proyecto

Para versiones recientes de Eclipse (como mi Indigo SR2), se deben hacer dos cosas para obtener asistencia de código para jQuery en un proyecto GAE.

  1. Configure el proyecto para que sea un proyecto de JavaScript: Haga clic con el botón derecho en el proyecto - > Configurar (justo encima de la Propiedad) - & Gt; Proyecto Convertir a JavaScript

  2. Haga lo correcto como Mr. Butterworth y jQuery autocompletion dijo, instale el complemento JSDT jQuery y agregue jQuery a los recursos JavaScript del proyecto

Para la última versión de Eclipse Kepler, hay una opción más a considerar que es VJET JavaScrip IDE . Originalmente desarrollado en eBay y recientemente contribuyó a la fundación Eclipse. Todavía está en fase de incubación, pero se puede instalar desde el sitio de actualización nocturna. La funcionalidad inicial se describe en la propuesta 'VJET: JavaScript Toolkit'. Proporciona asistencia de contenido en el editor de JavaScript para varias bibliotecas JS como:

  • Node.js
  • jQuery
  • Dojo
  • JSON
  • Lienzo

a través de VJET ANVILs Projects importados al espacio de trabajo.

Como complemento a las otras respuestas, recomiendo instalar el complemento Eclipse JSHint . Puede configurarlo a través de las preferencias del proyecto y funciona de maravilla. Muestra advertencias adicionales en el editor de JavaScript.

También recomendaría escribir jsDoc sobre sus funciones, ya que esto ayudará a Eclipse (@memberOf, puede usar Ctrl + o para navegar).

También puede pasar a TypeScript ya que el soporte de Eclipse ya está maduro (2015), TypeScript está escrito y un IDE puede cosechar los beneficios (la autocompletación funciona de maravilla con Palantir ).

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top