39

Sto provando Eclipse (con plug-in JavaEE e sviluppo Web) come IDE JavaEE/GoogleAppEngine. Nell'editor HTML se inserisco uno <script ... src="..." /> in <head>, nel file di riferimento ottengo automaticamente l'assistenza per i contenuti di JavaScript. Mi chiedevo se fosse possibile ottenere l'assistenza di contenuto per altri file JavaScript (ad es. JQuery o libreria js homebrew) all'interno dell'editor JavaScript.Eclipse JavaScript Editor: content assist per file js, completamento automatico

risposta

30

ho appena capito come ottenere contenuti js assistere nella editor di Eclipse JavaScript (senza plugin Aptana):

Se il tipo di progetto non contiene nativamente supporto JavaScript: aperta Web (o JavaScript) punto di vista, tasto destro del mouse sul progetto e selezionare il supporto per lo sviluppo Web >aggiungere il supporto JavaScript (questo non sarà male se il supporto JavaScript è già presente)

quindi fare clic destro supporto JavaScript all'interno il progetto e selezionare Proprietà, nella sezione JavaScript vanno a libreria JavaScript e quindi selezionare la scheda Fonte: qui è possibile aggiungere le cartelle ei file da sottoporre a scansione per contenuti assist per il progetto corrente


In Aptana Studio (come un plugin di eclissi ma suppongo che la versione standalone sia quasi la stessa): apri qualsiasi file js o html, mostra Riferimenti finestra (o apri la prospettiva di Aptana in eclissi) e trascina i file js che vuoi aggiungere a JavaScript scope (è possibile costruire e attivare diversi profili di scope con diversi file e risorse JavaScript: basta fare clic su add pro depositare nella barra degli strumenti della finestra)

+2

sfortunatamente, in questo modo si ottengono quantità significative di errori errati poiché il parser javascript incorporato è in qualche modo non ottimale –

+1

@ Jonathan: "Un po '?" Ho appena installato l'ultimo Eclipse e fallisce su cose basilari come la comprensione dei regex letterali con citazioni al loro interno, o la parola chiave 'undefined' quando usata come parametro di funzione. Yikes. –

+2

@utaal non ha funzionato per me! Se faccio clic sul mio progetto, il menu popup non ha "Supporto per lo sviluppo Web"! –

8

imo, Aptana è il miglior plug-in di eclissi per la modifica di js. Include il supporto per molte delle principali librerie come jQuery, yui, dojo, ecc.

Spket, tuttavia è anche buono. Anche se principalmente lo sviluppo di estensioni firefox (ottenendo un po 'di dati obsoleti)

L'editor di js integrato è terribile. afferma che ci sono errori dappertutto anche quando chiaramente non lo sono.

+0

Grazie per il suggerimento: Ho appena installato Aptana js plug-editore e sembra davvero bello. Ma come ottengo il content assist per i miei file js (non per le librerie)? – Utaal

+2

se non ha creato automaticamente l'associazione, vai al menu della finestra -> preferenze. Nella sezione generale delle preferenze, vai a editori-> associazioni di file. Quindi seleziona il tipo di file * .js e imposta l'editor aptana come predefinito –

+1

inoltre, per l'assistenza con il codice jquery, devi andare alle preferenze -> Aptana -> Editor -> JavaScript -> Code Assist e selezionare la casella accanto a jQuery –

4

Per Aptana Studio 3: (plug-in per Eclipse testato)

Trova una biblioteca siete interessati a ... Salvarlo sul disco, e poi trascinarlo nel progetto. Non importa dove si trova il progetto, quindi puoi creare una nuova cartella per file come questo se vuoi.

!! Il progetto deve essere un tipo di progetto web: Web, PHP, Python, Ruby, Rails.

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

4

Per Eclipse Juno 4.2 e Aptana Studio 3 e JQuery (jquery-1.7.2.js)

ho fatto ottenere questo lavoro e upvoted magjis risposta di cui sopra con un avvertimento.

Eliminare la libreria JQuery minificata come per magjis sopra in una sottocartella di un progetto esistente non ha funzionato per me.Ha funzionato per me dopo aver creato un nuovo progetto e usando la libreria non compressa.

Ci sono dozzine di post obsoleti su SO e altrove che si riferiscono a dialoghi Aptana deprecati e forniscono informazioni che non sono pertinenti alla versione corrente di Eclipse. Tutto quello che so è che per Eclipse Juno 4.2, Aptana 3 e JQuery 1.7.2, ecco cosa funziona (almeno per me):

Assicurati di avere il plugin Aptana installato e in prospettiva Web. Questo è ciò che si chiama la prospettiva Aptana Studio ... sarebbe meno confuso se lo chiamassero qualcosa che conteneva la parola 'Aptana'.

Assicurati che l'editor predefinito sia 'JavaScript Source Editor'. Impostalo in Finestra -> Preferenze -> Generale -> Editor -> Associazioni file e scegliendo l'estensione .js nell'elenco. C'è più di un'opzione nella casella di riepilogo qui sotto. L'uso di qualsiasi altro editor non mi ha nemmeno dato il colorismo del codice ... questo è l'unico con cui ho potuto ottenere l'assistenza per il codice.

Ho fatto questo prima di seguire il consiglio di magjis sopra, quindi non so se fosse addirittura necessario. Ma ho installato il rublo JQuery come di seguito: http://wiki.appcelerator.org/display/tis/JavaScript+Library+Support#JavaScriptLibrarySupport-jQuery%28

Poi, per esporre alla risposta magjis' sopra: Creare un nuovo progetto e aggiungere la libreria non compresso JQuery facendo cadere jquery-1.7.2.js sul progetto nel Esplora progetti e selezionando l'opzione Collega al file nella finestra di dialogo visualizzata. Mi sono collegato a jquery-1.7.2.js nella cartella/js della root del progetto, che è dove la libreria di solito va comunque. Rilasciare jquery1.4.2.sdocml nel progetto e scegliere di copiare o collegare al file. Ho copiato il file nella radice del progetto.

Se posso fare un ulteriore commento, a posteriori vorrei aver rinunciato a Eclipse due mesi fa e bloccato con Notepad ++ o passato il tempo a cercare un ambiente PHP/JS/HTML/CSS più snello, veloce e stabile.

1

Abilitazione validazione Javascript per Aptana Studio 3.2:

  1. Finestra -> Preferenze -> Convalida
  2. Selezionare Javascript e consentire JSLint
  3. Progetto -> Proprietà -> Progetto Nature
  4. Select Web (e qualsiasi altra cosa che desideri)
  5. Finestra -> Mostra vista -> Problemi
  6. Salvare il file, i problemi dovrebbero riempire con avvertenze
3

Ho provato e fallito con molti suggerimenti. Per rinunciare mi sono imbattuto in questo:

  1. Cerca jQuery JSDT dal marketplace di Eclipse e installare. Ho trovato JSDT jQuery 1.5.0.
  2. Fare clic con il tasto destro del mouse sul progetto e configurare il percorso di costruzione (so che mi piacerebbe che fosse anche il livello dello spazio di lavoro).
  3. Vai a JavaScript> Includi percorso e fai clic su Aggiungi libreria JavaScript ...
  4. Scegli jQuery. Questo è il supporto v1.8. Ho guardato ma non ho trovato nulla di più recente.
  5. Riavvia Eclipse e viola.

Finalmente, giusto ?!

+0

non sto ottenendo 'jQuery' come opzione qui per aggiungere la libreria JS. Qualsiasi soluzione alternativa. –

0

Per le versioni Eclipse recenti (come il mio Indigo SR2), è necessario eseguire due operazioni per ottenere l'assistenza del codice per jQuery in un progetto GAE.

  1. Configurare il progetto per essere un progetto di JavaScript: Progetto Fare clic destro -> Configura (proprio sopra Proprietà) -> Converti in progetto JavaScript

  2. fare proprio come ha detto il signor Butterworth e jQuery autocompletion, installare il JSDT jQuery pluggin e aggiungere jQuery per il progetto risorse JavaScript

0

Come complemento alle altre risposte vi consiglio vivamente di installare il Eclipse JSHint plugin. Puoi configurarlo tramite le preferenze del progetto e funziona come un fascino. Mostra avvisi aggiuntivi nell'editor JavaScript.

Vorrei anche raccomandare di scrivere jsDoc sopra le vostre funzioni in quanto ciò aiuterà Eclipse (@memberOf, è possibile utilizzare Ctrl + o per navigare).

È anche possibile passare a TypeScript poiché il supporto di Eclipse è ora maturo (2015), TypeScript è stato digitato e un IDE può sfruttare i vantaggi (il completamento automatico funziona come un fascino con Palantir).

0

Per la versione più recente di Eclipse Kepler, è disponibile un'altra opzione da considerare, ovvero VJET JavaScrip IDE. Originariamente sviluppato in eBay e recentemente contribuito alla fondazione di Eclipse. È ancora in fase di incubazione, ma può essere installato dal sito di aggiornamento notturno. La funzionalità iniziale è descritta nella proposta "VJET: JavaScript Toolkit". Fornisce assist di contenuti in redattore di Javascript per varie librerie JS come:

  • Node.js
  • jQuery
  • Dojo
  • JSON
  • Tela

attraverso VJET ANVILs Projects importati nello spazio di lavoro.

4

Disclaimer Sono l'autore di tern.java.

io vi suggerisco di install tern.java che si estende JSDT per migliorare il supporto JavaScript (completamento, hover, collegamento ipertestuale, la convalida) per un sacco di moderni framework JavaScript (jQuery, jQuery UI, jQuery Mobile, YUI, Dojo, Cordova, ecc) Vedi la lista completa di tern modules

+0

Questa è l'unica soluzione che ha funzionato per me (ho seguito [la guida di installazione] (https://github.com/angelozerr/tern.java/wiki/Tern-Eclipse-IDE)). Grazie per l'ottimo lavoro già svolto e spero * Tern Eclipse IDE rimanga attivo per molto tempo :) – Abdull

+0

Questo è molto carino. Era in grado di dedurre la maggior parte dei tipi su una grande applicazione JS che non aveva JSDoc. I commenti posizionati sopra le funzioni e le variabili sono visualizzati nelle descrizioni comandi. – peater

1
  1. Fare clic con il tasto destro del mouse sul progetto e selezionare Proprietà.
  2. Espandi Javascript -> Includi percorso.
  3. Nella scheda Librerie, fare clic su "Aggiungi libreria Javascript".
  4. Selezionare "Libreria utente" -> "Configura librerie utente".
  5. Aggiungere tutti i file .js necessari, fare clic su OK e attendere il completamento del progetto.
  6. È necessario avere il completamento del codice da tutti i file di libreria aggiunti durante la modifica dei propri file .js.

Adding .js Libraries to your project

Problemi correlati