javascript eclipse autocomplete eclipse-plugin content-assist

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



autocomplete eclipse-plugin (11)

Estoy intentando Eclipse (con los complementos de JavaEE y Desarrollo web) como un IDE JavaEE / GoogleAppEngine. En el editor de HTML, si pongo un <script ... src="..." /> en <head> recibo automáticamente asistencia de contenido para JavaScript en el archivo al que se hace referencia. 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.

  1. Haga clic derecho en su proyecto y seleccione Propiedades.
  2. Expanda 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. Debería completar el código de todos los archivos de la biblioteca que agregó al editar sus propios archivos .js.

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

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

a continuación, haga clic derecho en JavaScript Support dentro del proyecto y seleccione Propiedades , en la sección JavaScript vaya a la biblioteca 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 eclipse, pero supongo que la versión independiente es casi la misma): abre cualquier archivo js o html, muestra la ventana Referencias (o abre la perspectiva Aptana en eclipse) y arrastra y suelta los archivos js que quieras agregar a JavaScript alcance (es posible crear y activar diferentes perfiles de ámbito con diferentes recursos y archivos JavaScript: simplemente haga clic en agregar perfil en la barra de herramientas de la ventana)

Como complemento de las otras respuestas, recomiendo instalar el plugin Eclipse JSHint . Puede configurarlo a través de las preferencias del proyecto y funciona como un encanto. 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 porque el soporte de Eclipse ya está maduro (2015), TypeScript está tipeado y un IDE puede cosechar los beneficios (el autocompletado funciona como un encanto con Palantir ).

Descargo de responsabilidad Soy el autor de tern.java.

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

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

  1. Ventana -> Preferencias -> Validación
  2. Seleccione Javascript y habilite jslint
  3. Proyecto -> Propiedades -> Project Natures
  4. Seleccione Web (y cualquier otra cosa que desee)
  5. Ventana -> Mostrar vista -> Problemas
  6. Guarde su archivo, los problemas deberían llenarse con advertencias

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

  1. Busque JSDT jQuery desde el 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 el nivel de espacio de trabajo).
  3. Vaya 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 nuevo.
  5. Reinicie Eclipse y viola.

Finalmente, ¿no?

Para Aptana Studio 3: (plugin para Eclipse probado)

Busque la biblioteca que le interesa ... Guárdela en su disco y luego arrástrela a su proyecto. No importa en qué lugar del proyecto se encuentre, de modo 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+Libraries

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

Obtuve esta respuesta magjis trabajando y votada arriba con una advertencia.

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

Hay docenas de publicaciones desactualizadas en SO y en otros sitios que hacen referencia a los diálogos de Aptana en desuso 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 (para mí, al menos):

Asegúrate de tener el complemento Aptana instalado y en la perspectiva web. Eso es lo que se llama la perspectiva del Aptana Studio ... sería menos confuso si lo llamaran algo que tuviera la palabra ''Aptana'' en él.

Asegúrese de que su editor predeterminado sea ''JavaScript Source Editor''. Establezca esto en Ventana -> Preferencias -> General -> Editores -> Asociaciones de archivos y elija la extensión .js en la lista. Hay más de una opción en el cuadro de lista a continuación. Usar cualquier otro editor ni siquiera me dio coloreado de código ... este es el único con el que podría obtener ayuda de código para trabajar.

Hice esto antes de seguir los consejos de Magjis arriba, así que no sé si fue necesario. Pero instalé el rublo JQuery de la siguiente manera: http://wiki.appcelerator.org/display/tis/JavaScript+Library+Support#JavaScriptLibrarySupport-jQuery%28

Luego, para exponer la respuesta de Magjis anterior: cree un nuevo proyecto y agregue la biblioteca de JQuery sin comprimir descartando jquery-1.7.2.js en el proyecto en el Explorador de proyectos y seleccionando la opción Vincular al 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 generalmente va la biblioteca. 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 más, en retrospectiva me gustaría haber renunciado a Eclipse hace dos meses y atascado con Notepad ++ o pasar el tiempo buscando un entorno PHP / JS / HTML / CSS más ágil, más rápido y más estable.

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

  • Node.js
  • jQuery
  • Dojo
  • JSON
  • Lona

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

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

  1. Configure el proyecto para que sea un proyecto de JavaScript: haga clic con el botón secundario en proyecto -> Configurar (justo encima de Propiedad) -> Convertir en proyecto de JavaScript

  2. Haz las cosas bien, como dijeron el Sr. Butterworth y la función de autocompletado jQuery , instala el complemento jQuery de JSDT y agrega jQuery a los recursos de JavaScript del proyecto.

imo, Aptana es el mejor plugin de eclipse para la edición 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 lo haces desarrollo de extensión de Firefox (sin embargo, un poco desactualizado)

El editor js incorporado es terrible. afirma que hay errores en todo el lugar, incluso cuando claramente no lo son.