Eclipse JavaScript Editor: assistant de contenu pour les fichiers js, complétion automatique
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'assistance 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.
Je viens de comprendre comment obtenir js content assist dans Éditeur JavaScript Eclipse (sans les plugins Aptana):
Si le type de projet ne contient pas nativement JavaScript Support: ouvrez la perspective Web (ou JavaScript), cliquez avec le bouton droit de la souris sur le projet et sélectionnez Web Development Support> Add JavaScript Support (cela ne fera pas mal si Le support JavaScript est déjà présent)
cliquez ensuite avec le bouton droit de la souris sur Prise en charge de JavaScript dans le projet et sélectionnez Propriétés. Dans la section JavaScript, accédez à la bibliothèque JavaScript, puis sélectionnez l’onglet Source: vous pouvez ajouter ici des dossiers et des fichiers à analyser par le contenu. 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 n'importe quel fichier js ou html, montrez la fenêtre References (ou ouvrez la perspective Aptana dans Eclipse) et faites un glisser-déposer Fichiers js que vous souhaitez ajouter à l'étendue JavaScript (il est possible de créer et d'activer différents profils d'étendue avec différents fichiers et ressources JavaScript: cliquez simplement sur ajouter un profil dans la barre d'outils de la fenêtre)
imo, Aptana est le meilleur plugin Eclipse pour l’édition js. Il inclut la prise en charge de nombreuses bibliothèques majeures telles que jQuery, yui, dojo, etc.
Spket , mais c'est aussi bon. Bien que la plupart du temps si vous faites le développement d’extensions firefox (vous aurez un peu de retard)
L'éditeur intégré dans js est terrible. il prétend qu'il y a des erreurs partout, même s'il n'y en a manifestement pas.
Pour Eclipse Juno 4.2 et Aptana Studio 3 et JQuery (jquery-1.7.2.js)
J'ai eu ce travail et les magjis votés répondre ci-dessus avec une mise en garde.
Le fait de déposer la bibliothèque JQuery réduite selon les magjis 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.
Des dizaines de publications obsolètes sur SO et ailleurs font référence à des boîtes de dialogue Aptana obsolètes et fournissent des informations non 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, du moins):
Assurez-vous que le plug-in Aptana est installé et que vous êtes dans la perspective Web. C'est ainsi que s'appelle la perspective d'Aptana Studio ... il serait moins déroutant de le nommer comme quelque chose qui contient le mot "Aptana".
Assurez-vous que votre éditeur par défaut est "Editeur de source JavaScript". Définissez ceci dans Fenêtre -> Préférences -> Général -> Editeurs -> Associations de fichiers 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+Library+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 de la boîte de dialogue. apparu. J'ai lié le fichier jquery-1.7.2.js dans le dossier/js de la racine du projet, qui est généralement l'emplacement de la bibliothèque . Déposez jquery1.4.2.sdocml dans le projet et choisissez de le copier ou de le lier au fichier. J'ai copié le fichier dans la racine du projet.
Si je peux me permettre un autre commentaire, avec le recul, j'aurais souhaité abandonner Eclipse il y a deux mois et rester collé à Notepad ++ ou passer le temps à chercher un environnement PHP/JS/HTML/CSS plus léger, plus rapide et plus stable.
Pour Aptana Studio 3: (plugin pour Eclipse testé)
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 donc créer un nouveau dossier pour des fichiers de ce type si vous le souhaitez.
!! Le projet doit être un type de projet Web: Web, PHP, Python, Ruby, Rails.
http://wiki.appcelerator.org/display/tis/Utiliser+JavaScript+Libraries
Disclaimer Je suis l'auteur du tern.Java.
Je vous suggère de vous installer tern.Java qui étend JSDT pour améliorer la prise en charge de JavaScript (achèvement, survol, hyperlien, validation) pour de nombreux frameworks JavaScript modernes (jQuery, jQuery UI, jQuery Mobile, YUI, Dojo , Cordova, etc.) Consultez la liste complète des modules stern } _
J'ai essayé et échoué à de nombreuses suggestions. Sur le point d'abandonner je suis tombé sur ceci:
- Recherchez JSDT jQuery sur le marché Eclipse et installez-le. J'ai trouvé JSDT jQuery 1.5.0.
- Faites un clic droit sur votre projet et configurez le chemin de compilation (je sais que j'aimerais qu'il soit également au niveau de l'espace de travail).
- Allez à JavaScript> Inclure le chemin et cliquez sur Ajouter une bibliothèque JavaScript ...
- Choisissez jQuery. Ceci est le support v1.8. J'ai regardé mais je n'ai rien trouvé de plus récent.
- Redémarrez Eclipse et alto.
Enfin, non?!
Activer la validation Javascript pour Aptana Studio 3.2:
- Fenêtre -> Préférences -> Validation
- Sélectionnez Javascript et activez jslint
- Projet -> Propriétés -> Projet Natures
- Sélectionnez Web (et tout ce que vous souhaitez)
- Fenêtre -> Afficher la vue -> Problèmes
- Enregistrez votre fichier, les problèmes devraient se remplir d'avertissements
- Faites un clic droit sur votre projet et sélectionnez Propriétés.
- Développez Javascript -> Inclure le chemin.
- Dans l'onglet Bibliothèques, cliquez sur "Ajouter une bibliothèque Javascript".
- Sélectionnez "Bibliothèque utilisateur" -> "Configurer les bibliothèques utilisateur".
- Ajoutez tous les fichiers .js dont vous avez besoin, cliquez sur OK et attendez la fin de la génération du projet.
- Le code de tous les fichiers de bibliothèque que vous avez ajoutés lors de la modification de vos propres fichiers .js doit être complet.
En complément des autres réponses, je vous recommande fortement 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 désormais mature (2015), TypeScript est typé et un IDE peut en tirer parti (l'auto-complétion fonctionne comme un charme avec Palantir ).
Pour les versions récentes d'Eclipse (comme mon Indigo SR2), il faut faire deux choses pour obtenir une assistance de code pour jQuery dans un projet GAE.
Configurez le projet en tant que projet JavaScript en: faisant un clic droit sur projet -> configurer (à droite de la propriété) -> convertir en projet JavaScript
Faites comme M. Butterworth et l'auto-complétion de jQuery a dit, installez le plugin JSDT jQuery et ajoutez jQuery aux ressources JavaScript du projet.
La dernière version d'Eclipse Kepler contient une option supplémentaire à prendre en compte qui est VJET JavaScrip IDE . 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
via Projets VJET ANVILs importés dans un espace de travail.