Jak uzyskać autouzupełnianie jQuery w TypeScript?

Jeśli pracuję w pliku .ts TypeScript, co mogę zrobić, aby uzyskać jQuery Intellisense / autocompletion po wpisaniu znaku $?

(Pracuję w projekcie ASP.NET MVC 3 w VS 2012).

jquery typescript

— Ryan Lundy
źródło

Chcę tego samego, ale nie jestem w systemie Windows, mam podświetlanie składni, ale jak mogę skonfigurować autouzupełnianie dla dowolnego innego programu, który nie jest uruchomiony w systemie Windows?

— nacho4d

Odpowiedzi:

106

Musisz dodać odwołanie do definicji jQuery w górnej części .tspliku.

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

W tym przykładzie można znaleźć adnotacje typu dla jQuery .

— mohamed hegazy
źródło

Dzięki, tego mi brakowało.

— Ryan Lundy

Czy istnieje globalna lokalizacja, w której można umieścić ten plik, aby umożliwić odwoływanie się z dowolnego miejsca?

— Rick Love

Czy plik jquery.d.ts jest dostarczany przez JQUERY lub niestandardowy. Jeśli niestandardowy, w jaki sposób zaktualizujemy i zsynchronizujemy z nową wersją JQUERY?

— Nil Pun

@Myagdi: Na razie jest to proces ręczny. Nie zdziw się również, jeśli w definicjach są błędy, trudno to zrobić dobrze. W każdym razie, założę się, że gdy TypeScript wystartuje, będzie miał sposób na połączenie z pliku JS do a, .d.tsa JQuery to zrobi.

— coudy

Czy to nie jest bardzo okablowane do użycia ///na początku linii !? To skomentuje linię!

— Mohammad Kermani

Sprawdź te definicje typów dla TypeScript: https://github.com/borisyankov/DefinitelyTyped#readme . Są regularnie aktualizowane i są bardziej kompletne niż te w przykładach. W witrynie Nuget: http://www.nuget.org/profiles/DefinitelyTyped/

— jvitor83
źródło

Czy są to te same pliki definicji, co pakiety nu-get?

— Kieran

Możesz zainstalować npm install --save-dev @ types / jquery lub @ types / cokolwiek dla innych pakietów

— Jared Updike

Lista kontrolna rzeczy, które należy skonfigurować, aby to zadziałało:

Upewnij się, że rozszerzenie TypeScript jest zainstalowane. Sprawdź Narzędzia -> Menedżer rozszerzeń i upewnij się, że jest zainstalowane rozszerzenie „TypeScript for Microsoft Visual Studio”. Jeśli tak nie jest, uruchom plik .vsix znajdujący się w folderze TypeScript (Program Files \ Microsoft SDKs \ TypeScript \ <wersja>), aby zainstalować rozszerzenie.
Upewnij się, że plik odwołuje się do pliku jquery.d.ts. Powinieneś mieć komentarz u góry / u góry twojego pliku, który wygląda tak:

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

Jeśli chcesz go pobrać, możesz znaleźć plik jquery.d.ts jako część próbki Warship pod adresem http://www.typescriptlang.org/Samples/

— Ryan Cavanaugh
źródło

Zastanawiam się, czy jest sposób na użycie jQuery w Playground .

— thorn̈