Come ottengo il completamento automatico di jQuery in TypeScript?

Se sto lavorando in un file TypeScript .ts, cosa posso fare per ottenere jQuery Intellisense / autocompletion quando digito il carattere $?

(Sto lavorando a un progetto ASP.NET MVC 3 in VS 2012.)

jquery typescript

— Ryan Lundy
fonte

Voglio lo stesso ma non sono su Windows, ho l'evidenziazione della sintassi ma come posso impostare il completamento automatico per qualsiasi altro programma che non è in esecuzione su Windows?

— nacho4d

Risposte:

106

È necessario aggiungere un riferimento alla definizione jQuery all'inizio del .tsfile.

/// <reference path="jquery.d.ts" />

Puoi trovare annotazioni di tipo per jQuery in questo esempio .

— mohamed hegazy
fonte

Grazie, era quello che mi mancava.

— Ryan Lundy

Esiste una posizione globale in cui questo file può essere posizionato per consentire di essere referenziato da qualsiasi luogo?

— Rick Love

Jquery.d.ts è fornito da JQUERY o personalizzato. Se personalizzato, come si aggiorna e si mantiene la sincronizzazione con la nuova versione di JQUERY?

— Nil Pun

@ Myagdi: per ora questo è un processo manuale. Inoltre, non sorprenderti se ci sono bug nelle definizioni, è difficile farlo bene. Ad ogni modo, scommetto che una volta che TypeScript decollerà, avrà un modo per collegarsi da un file JS a un .d.tse JQuery lo farà.

— coudy

Non è molto cablato da usare ///all'inizio della linea !? Commenterà la linea!

— Mohammad Kermani

Dai un'occhiata a queste definizioni di tipo per TypeScript: https://github.com/borisyankov/DefinitelyTyped#readme . Vengono aggiornati regolarmente e sono più completi di quelli negli esempi. Su Nuget: http://www.nuget.org/profiles/DefinitelyTyped/

— jvitor83
fonte

Sono gli stessi file di definizione dei pacchetti nu-get?

— Kieran

Puoi eseguire l'installazione di npm --save-dev @ types / jquery o @ types / qualunque anche per altri pacchetti

— Jared Updike

Elenco di controllo delle cose che devono essere impostate affinché funzioni:

Assicurati che l'estensione TypeScript sia installata. Seleziona Strumenti -> Gestione estensioni e assicurati che l'estensione "TypeScript per Microsoft Visual Studio" sia installata. In caso contrario, eseguire il file .vsix trovato nella cartella TypeScript (Programmi \ Microsoft SDKs \ TypeScript \ <version>) per installare l'estensione.
Assicurati che il tuo file faccia riferimento al file jquery.d.ts. Dovresti avere un commento in / vicino alla parte superiore del tuo file che assomiglia a questo:

/// <percorso di riferimento = "il / percorso / a / jquery.d.ts" />

Se è necessario scaricarlo, è possibile trovare il file jquery.d.ts come parte dell'esempio di nave da guerra su http://www.typescriptlang.org/Samples/

— Ryan Cavanaugh
fonte

Mi chiedo se ci sia un modo per usare jQuery nel Playground .

— thorn̈