Eclipse JavaScript Editor: assistant de contenu pour les fichiers js, complétion automatique

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

Question

J'essaie Eclipse (avec les plugins JavaEE et Web Development) en tant qu'EDI JavaEE / GoogleAppEngine. Dans l'éditeur HTML si je mets un <script ... src="..." /> dans <head>, je reçois automatiquement l'assistant de contenu pour JavaScript dans le fichier référencé. Je me demandais s’il était possible d’obtenir une assistance de contenu pour d’autres fichiers JavaScript (par exemple, jQuery ou homebrew js library) dans l’éditeur JavaScript.

Était-ce utile?

La solution

Je viens juste de comprendre comment obtenir js content assist dans Éditeur JavaScript Eclipse (sans les plugins Aptana):

Si le type de projet ne contient pas de manière native le support JavaScript: ouvrez la perspective Web (ou JavaScript), cliquez avec le bouton droit de la souris sur le projet et sélectionnez Support de développement Web > Ajouter le support JavaScript (cela ne fera pas de mal si le support JavaScript est déjà présent)

puis cliquez avec le bouton droit de la souris sur Prise en charge de JavaScript dans le projet, puis sélectionnez Propriétés . Dans la section JavaScript, accédez à la bibliothèque JavaScript, puis sélectionnez l’onglet Source. fichiers à analyser par content assist pour le projet en cours

Dans Aptana Studio (en tant que plug-in eclipse mais je suppose que la version autonome est presque la même): ouvrez un fichier js ou html, affichez la fenêtre Références (ou ouvrez un fichier). Aptana perspective dans eclipse) et glissez-déposez les fichiers js que vous souhaitez ajouter à la portée JavaScript (il est possible de créer et d’activer différents profils de portée avec différents fichiers et ressources JavaScript: cliquez simplement sur ajouter un profil dans la fenêtre barre d'outils)

Autres conseils

imo, Aptana est le meilleur plug-in eclipse pour l'édition de js. Il comprend la prise en charge de nombreuses bibliothèques majeures telles que jQuery, yui, dojo, etc.

Spket , mais est également bon. Bien que la plupart du temps si vous développez une extension firefox (mais soyez un peu obsolète)

L’éditeur js intégré est terrible. elle prétend qu'il y a des erreurs partout, même s'il n'y en a manifestement pas.

Pour Aptana Studio 3: (plug-in testé pour Eclipse)

Recherchez une bibliothèque qui vous intéresse ... Enregistrez-la sur votre disque, puis faites-la glisser dans votre projet. Peu importe où il se trouve dans le projet, vous pouvez créer un nouveau dossier pour ce type de fichier si vous le souhaitez.

!! Le projet doit être un type de projet Web: Web, PHP, Python, Ruby, Rails.

http://wiki.appcelerator.org/display/tis/Using+ JavaScript + bibliothèques

Pour Eclipse Juno 4.2, Aptana Studio 3 et JQuery (jquery-1.7.2.js)

J'ai réussi à obtenir que ce magjis qui fonctionne et qui a voté réponde plus haut avec une mise en garde.

L'insertion de la bibliothèque JQuery réduite selon la méthode décrite ci-dessus dans un sous-dossier d'un projet existant ne fonctionnait pas pour moi. Cela a fonctionné pour moi après la création d'un nouveau projet et l'utilisation de la bibliothèque non compressée.

Il existe des dizaines de publications obsolètes sur SO et ailleurs qui font référence à des boîtes de dialogue Aptana obsolètes et fournissent des informations qui ne sont pas pertinentes pour la version actuelle d'Eclipse. Tout ce que je sais, c'est que pour Eclipse Juno 4.2, Aptana 3 et JQuery 1.7.2, voici ce qui fonctionne (pour moi, au moins):

Assurez-vous que le plug-in Aptana est installé et que vous vous trouvez dans la perspective Web. C’est ce que l’on appelle la perspective d’Aptana Studio… il serait moins déroutant de la nommer ainsi: “Aptana”.

Assurez-vous que votre éditeur par défaut est "Éditeur de source JavaScript". Placez ceci dans la fenêtre - & Gt; Préférences - & Gt; Général - & Gt; Éditeurs - & Gt; File Associations et en choisissant l’extension .js dans la liste. Il y a plus d'une option dans la liste ci-dessous. Utiliser un autre éditeur ne m’a même pas donné la coloration du code, c’est le seul logiciel avec lequel je puisse obtenir du code assistant.

Je l'ai fait avant de suivre le conseil de magjis ci-dessus, donc je ne sais pas si c'était même nécessaire. Mais j'ai installé le rouble JQuery comme ci-dessous: http://wiki.appcelerator.org/display/tis / JavaScript + Bibliothèque + Support # JavaScriptLibrarySupport-jQuery% 28

Ensuite, pour expliquer la réponse des magjis ci-dessus: Créez un nouveau projet et ajoutez la bibliothèque JQuery non compressée en déposant jquery-1.7.2.js sur le projet dans l'explorateur de projet et en sélectionnant l'option Lier au fichier dans la boîte de dialogue qui s'affiche. Je me suis lié au fichier jquery-1.7.2.js situé dans le dossier / js de la racine du projet, où la bibliothèque se place généralement de toute façon. Déposez jquery1.4.2.sdocml dans le projet et choisissez de copier ou de créer un lien vers le fichier. J'ai copié le fichier à la racine du projet.

Si je peux me permettre un autre commentaire, j'aurais regretté de ne pas avoir abandonné Eclipse il y a deux mois et de rester coincé dans Notepad ++ ou de passer plus de temps à chercher un environnement PHP / JS / HTML / CSS plus léger, plus rapide et plus stable.

Clause de non-responsabilité Je suis l'auteur de tern.java.

Je vous suggère de d'installer tern.java , qui étend JSDT pour améliorer la prise en charge de JavaScript (achèvement, survol, hyperlien, validation) de nombreux frameworks JavaScript modernes (jQuery, interface utilisateur jQuery, jQuery Mobile, YUI, Dojo, Cordova, etc.) Voir la liste complète des modules de stern

J'ai essayé et échoué à de nombreuses suggestions. Sur le point d'abandonner je suis tombé sur ceci:

  1. Recherchez JSDT jQuery sur le marché Eclipse et installez-le. J'ai trouvé JSDT jQuery 1.5.0.
  2. Faites un clic droit sur votre projet et configurez le chemin de construction (je souhaite que ce soit aussi au niveau de l’espace de travail).
  3. Aller à JavaScript > Inclure le chemin et cliquez sur Ajouter une bibliothèque JavaScript ...
  4. Choisissez jQuery. Ceci est le support v1.8. J'ai regardé mais je n'ai rien trouvé de plus récent.
  5. Redémarrez Eclipse et votre alto.

Enfin, non?!

Activation de la validation Javascript pour Aptana Studio 3.2:

  1. fenêtre - > Préférences - & Gt; Validation
  2. Sélectionnez Javascript et activez jslint
  3. Projet - > Propriétés - & Gt; Projet Natures
  4. Sélectionnez Web (et tout ce que vous souhaitez)
  5. fenêtre - > Afficher la vue - & Gt; Problèmes
  6. Enregistrez votre fichier, les problèmes devraient se remplir d'avertissements
  1. Faites un clic droit sur votre projet et sélectionnez Propriétés.
  2. Développez Javascript - > Inclure le chemin.
  3. Dans l'onglet Bibliothèques, cliquez sur & "Ajouter une bibliothèque Javascript &".
    4. .
  4. Sélectionnez " Bibliothèque utilisateur " - > " Configurer les bibliothèques utilisateur ".
  5. Ajoutez tous les fichiers .js dont vous avez besoin, cliquez sur OK et attendez la fin de la construction du projet.
  6. Tous les fichiers de bibliothèque que vous avez ajoutés lors de la modification de vos propres fichiers .js doivent être renseignés.

Ajout de bibliothèques .js à votre projet

Pour les versions récentes d’Eclipse (comme mon Indigo SR2), il faut faire deux choses pour obtenir l’assistance au code pour jQuery dans un projet GAE.

  1. Configurez le projet pour qu'il soit un projet JavaScript par: clic droit sur le projet - > Configurez (juste au dessus de la propriété) - & Gt; Convertir un projet en JavaScript

  2. Faites comme M. Butterworth et l'auto-complétion jQuery dit, installez le plugin JSDT jQuery et ajoutez jQuery aux ressources JavaScript du projet

Pour la dernière version d'Eclipse Kepler, une option supplémentaire est à considérer: VJET IDE JavaScrip . Développé à l'origine sur eBay et a récemment contribué à la fondation Eclipse. Il est encore en phase d’incubation, mais peut être installé à partir du site de mise à jour nocturne. Les fonctionnalités initiales sont décrites dans la proposition 'VJET: JavaScript Toolkit'. Il fournit des aides au contenu dans l'éditeur JavaScript pour diverses bibliothèques JS telles que:

  • Node.js
  • jQuery
  • Dojo
  • JSON
  • Toile

par Projets VJET ANVILS importés dans l'espace de travail.

En complément des autres réponses, je vous recommande vivement d'installer le plug-in Eclipse JSHint . Vous pouvez le configurer via les préférences du projet et cela fonctionne comme un charme. Il affiche des avertissements supplémentaires dans l'éditeur JavaScript.

Je recommanderais également d'écrire jsDoc au-dessus de vos fonctions, car cela aidera Eclipse (@memberOf, vous pouvez utiliser Ctrl + o pour naviguer).

Vous pouvez également passer à TypeScript car le support Eclipse est arrivé à maturité (2015), TypeScript est typé et un environnement de développement intégré peut en tirer parti (l'auto-complétion fonctionne comme un charme avec Palantir ).

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top