Wie erhalte ich die automatische Vervollständigung von jQuery in TypeScript?

95

Was kann ich tun, wenn ich in einer TypeScript .ts-Datei arbeite, um jQuery Intellisense / Autocompletion zu erhalten, wenn ich das $ -Zeichen eingebe?

(Ich arbeite in einem ASP.NET MVC 3-Projekt in VS 2012.)

jquery typescript Ryan Lundy
quelle
Ich möchte dasselbe, aber ich bin nicht unter Windows, ich habe die Syntaxhervorhebung erhalten, aber wie kann ich die automatische Vervollständigung für jedes andere Programm einrichten, das nicht unter Windows ausgeführt wird?
Nacho4D

Antworten:

106

Sie müssen oben in Ihrer .tsDatei einen Verweis auf die jQuery-Definition hinzufügen .

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

In diesem Beispiel finden Sie Typanmerkungen für jQuery .

mohamed hegazy
quelle
Danke, das hat mir gefehlt.
Ryan Lundy
3
Gibt es einen globalen Speicherort, an dem diese Datei abgelegt werden kann, damit von überall aus auf sie verwiesen werden kann?
Rick Love
23
Wird jquery.d.ts von JQUERY oder custom bereitgestellt? Wie aktualisieren und synchronisieren wir, falls benutzerdefiniert, mit der neuen Version von JQUERY?
Nil Pun
2
@ Myagdi: Im Moment ist dies ein manueller Prozess. Seien Sie auch nicht überrascht, wenn die Definitionen Fehler enthalten. Es ist schwierig, dies richtig zu machen. Ich wette jedenfalls, dass TypeScript nach dem Start eine Möglichkeit hat, eine Verknüpfung von einer JS-Datei zu einer zu erstellen, .d.tsund JQuery wird dies tun.
Coudy
Ist das nicht sehr verdrahtet, um ///am Anfang der Linie zu verwenden? Es wird die Zeile kommentieren!
Mohammad Kermani
42

Überprüfen Sie diese Typdefinitionen für TypeScript: https://github.com/borisyankov/DefinitelyTyped#readme . Sie werden regelmäßig aktualisiert und sind vollständiger als die in den Beispielen. Auf Nuget: http://www.nuget.org/profiles/DefinitelyTyped/

jvitor83
quelle
Sind dies die gleichen Definitionsdateien wie die nu-get-Pakete?
Kieran
Sie können npm installieren --save-dev @ types / jquery oder @ types / was auch immer für andere Pakete
Jared Updike
14

Checkliste der Dinge, die eingerichtet werden müssen, damit dies funktioniert:

  1. Stellen Sie sicher, dass die TypeScript-Erweiterung installiert ist. Überprüfen Sie Extras -> Erweiterungs-Manager und stellen Sie sicher, dass die Erweiterung "TypeScript für Microsoft Visual Studio" installiert ist. Wenn dies nicht der Fall ist, führen Sie die .vsix-Datei aus, die sich im TypeScript-Ordner (Programme \ Microsoft SDKs \ TypeScript \ <Version>) befindet, um die Erweiterung zu installieren.

  2. Stellen Sie sicher, dass Ihre Datei auf die Datei jquery.d.ts verweist. Sie sollten oben in Ihrer Datei einen Kommentar haben, der folgendermaßen aussieht:

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

Wenn Sie es herunterladen müssen, finden Sie die Datei jquery.d.ts als Teil des Warship-Beispiels unter http://www.typescriptlang.org/Samples/.

Ryan Cavanaugh
quelle
Ich frage mich, ob es eine Möglichkeit gibt, jQuery auf dem Spielplatz zu verwenden .
Dorn