Editor JavaScript Eclipse: supporto contenuto per file js, completamento automatico

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

Domanda

Sto provando Eclipse (con plugin JavaEE e Web Development) come IDE JavaEE / GoogleAppEngine. Nell'editor HTML se inserisco un <script ... src="..." /> in <head> ottengo automaticamente l'assistenza ai contenuti per JavaScript nel file di riferimento. Mi chiedevo se fosse possibile ottenere assistenza per il contenuto di altri file JavaScript (ad es. Libreria jQuery o homebrew js) all'interno dell'editor JavaScript.

È stato utile?

Soluzione

Ho appena scoperto come ottenere assistenza per i contenuti js in Editor JavaScript Eclipse (senza plugin Aptana):

Se il tipo di progetto non contiene nativamente Supporto JavaScript: apri la prospettiva Web (o JavaScript), fai clic con il pulsante destro del mouse sul progetto e seleziona Supporto sviluppo Web > Aggiungi supporto JavaScript (questo non danneggerà se il supporto JavaScript è già presente)

quindi fai clic con il pulsante destro del mouse su Supporto JavaScript all'interno del progetto e seleziona Proprietà , nella sezione JavaScript vai alla libreria JavaScript e quindi seleziona la scheda Sorgente: qui puoi aggiungere cartelle e i file che devono essere scansionati dall'assistenza ai contenuti per il progetto corrente

In Aptana Studio (come plug-in eclissi ma suppongo che la versione standalone sia quasi la stessa): apri qualsiasi file js o html, mostra la finestra Riferimenti (o apri Aptana prospettiva in eclipse) e trascina i file js che desideri aggiungere all'ambito JavaScript (è possibile creare e attivare diversi profili ambito con diversi file e risorse JavaScript: basta fare clic su aggiungi profilo nella finestra barra degli strumenti)

Altri suggerimenti

imo, Aptana è il miglior plug-in eclipse per l'editing di js. Include il supporto per molte delle principali librerie come jQuery, yui, dojo, ecc.

Spket , tuttavia è anche buono. Tuttavia, soprattutto se esegui lo sviluppo di estensioni di Firefox (diventando un po 'obsoleto)

L'editor js integrato è terribile. afferma che ci sono errori ovunque, anche se chiaramente non lo sono.

Per Aptana Studio 3: (plugin per Eclipse testato)

Trova una libreria che ti interessa ... Salvala sul tuo disco e trascinala nel tuo progetto. Non importa dove si trovi nel progetto, quindi puoi creare una nuova cartella per file come questo, se lo desideri.

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

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

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

Ho ottenuto questa risposta maghi funzionante e votata sopra con un avvertimento.

Far cadere la libreria JQuery minimizzata come per i 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 aver utilizzato la libreria non compressa.

Esistono dozzine di post obsoleti su SO e altrove che fanno riferimento a finestre di dialogo Aptana obsolete e forniscono informazioni non 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 aver installato il plugin Aptana e di essere nella prospettiva Web. Ecco come si chiama la prospettiva di Aptana Studio ... sarebbe meno confuso se lo chiamassero qualcosa che contenesse la parola "Aptana".

Assicurati che il tuo editor predefinito sia "JavaScript Source Editor". Impostalo in Window - & Gt; Preferenze - & Gt; Generale - & Gt; Redattori - & Gt; Associazioni di file e scelta dell'estensione .js nell'elenco. C'è più di un'opzione nella casella di riepilogo di seguito. L'uso di qualsiasi altro editor non mi ha nemmeno dato la colorazione del codice ... questo è l'unico con cui ho potuto far funzionare il code assist.

L'ho fatto prima di seguire i consigli di Magjis sopra, quindi non so se fosse nemmeno necessario. Ma ho installato il rublo JQuery come di seguito: http://wiki.appcelerator.org/display/tis / JavaScript + libreria + supporto # JavaScriptLibrarySupport-jQuery% 28

Quindi, per esporre la risposta di Magjis sopra: Crea un nuovo progetto e aggiungi la libreria JQuery non compressa rilasciando jquery-1.7.2.js sul progetto in Esplora progetti e selezionando l'opzione Collega al file nella finestra di dialogo visualizzata. Ho collegato a jquery-1.7.2.js nella cartella / js della radice del progetto che è dove la libreria solitamente va comunque. Rilascia jquery1.4.2.sdocml nel progetto e scegli di copiare o collegare al file. Ho copiato il file nella radice del progetto.

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

Disclaimer Sono l'autore di tern.java.

Ti suggerisco installare tern.java estende JSDT per migliorare il supporto JavaScript (completamento, passaggio del mouse, collegamento ipertestuale, convalida) per molti moderni framework JavaScript (jQuery, jQuery UI, jQuery Mobile, YUI, Dojo, Cordova, ecc.) Visualizza l'elenco completo di moduli tern

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

  1. Cerca JSDT jQuery dal marketplace di Eclipse e installalo. Ho trovato JSDT jQuery 1.5.0.
  2. Fai clic con il pulsante destro del mouse sul tuo progetto e configura il percorso di compilazione (so che vorrei che fosse anche a livello di 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 cercato ma non sono riuscito a trovare nulla di più recente.
  5. Riavvia Eclipse e viola.

Finalmente vero ?!

Abilitazione della convalida Javascript per Aptana Studio 3.2:

  1. Finestra - > Preferenze - & Gt; Validazione
  2. Seleziona Javascript e abilita jslint
  3. Progetto - > Proprietà - & Gt; Project Natures
  4. Seleziona Web (e qualsiasi altra cosa desideri)
  5. Finestra - > Mostra vista - & Gt; Problemi
  6. Salva il tuo file, i problemi devono essere riempiti con avvisi
  1. Fai clic con il pulsante destro del mouse sul progetto e seleziona Proprietà.
  2. Espandi Javascript - > Includi percorso.
  3. Nella scheda Librerie, fare clic su " Aggiungi libreria Javascript " ;.
  4. Seleziona " User Library " - gt &; " Configura librerie utente " ;.
  5. Aggiungi tutti i file .js necessari, fai clic su OK e attendi il completamento della compilazione del progetto.
  6. Dovresti avere il completamento del codice da tutti i file di libreria che hai aggiunto durante la modifica dei tuoi file .js.

Aggiunta di librerie .js al tuo progetto

Per le recenti versioni di Eclipse (come il mio Indigo SR2), due cose devono essere fatte per ottenere l'assistenza del codice per jQuery in un progetto GAE.

  1. Configura il progetto come progetto JavaScript tramite: Progetto tasto destro del mouse - > Configura (proprio sopra la proprietà) - & Gt; Converti in progetto JavaScript

  2. Fai come Mr. Butterworth e jQuery completamento automatico ha detto, installa JSDT jQuery pluggin e aggiungi jQuery alle risorse JavaScript del progetto

Per l'ultima versione di Eclipse Kepler c'è un'altra opzione da considerare che è VJET JavaScrip IDE . Sviluppato originariamente su eBay e recentemente contribuito alla fondazione 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 assistenza ai contenuti nell'editor JavaScript per varie librerie JS come:

  • Node.js
  • jQuery
  • Dojo
  • JSON
  • Canvas

attraverso VJET ANVILs Projects importati nello spazio di lavoro.

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

Vorrei anche raccomandare di scrivere jsDoc sopra le tue funzioni poiché questo aiuterà Eclipse (@memberOf, puoi usare Ctrl + o per navigare).

Puoi anche passare a TypeScript poiché il supporto Eclipse è ora maturo (2015), TypeScript è digitato e un IDE può raccogliere i vantaggi (il completamento automatico funziona come un incantesimo con Palantir ).

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top