Bagaimana cara mendapatkan autocompletion jQuery di TypeScript?

95

Jika saya bekerja dalam file TypeScript .ts, apa yang dapat saya lakukan untuk mendapatkan jQuery Intellisense / autocompletion ketika saya mengetikkan $ character?

(Saya bekerja dalam proyek ASP.NET MVC 3 pada VS 2012.)

Ryan Lundy
sumber
Saya menginginkan hal yang sama tetapi saya tidak menggunakan windows, saya mendapat penyorotan sintaks tetapi bagaimana saya dapat mengatur pelengkapan otomatis untuk program lain yang tidak berjalan di windows?
nacho4d

Jawaban:

106

Anda perlu menambahkan referensi ke definisi jQuery di bagian atas .tsfile Anda .

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

Anda dapat menemukan anotasi tipe untuk jQuery dalam contoh ini .

mohamed hegazy
sumber
Terima kasih, itulah yang saya lewatkan.
Ryan Lundy
3
Apakah ada lokasi global di mana file ini dapat ditempatkan untuk memungkinkan referensi dari mana saja?
Rick Love
23
Apakah jquery.d.ts disediakan oleh JQUERY atau custom. Jika kustom, bagaimana kami memperbarui dan tetap sinkron dengan versi baru JQUERY?
Nihil Pun
2
@Myagdi: Untuk saat ini ini adalah proses manual. Juga jangan heran jika ada bug dalam definisi, sulit untuk melakukannya dengan benar. Bagaimanapun, saya yakin bahwa setelah TypeScript lepas, itu akan memiliki cara untuk menautkan dari file JS ke a .d.tsdan JQuery akan melakukan itu.
Coudy
Bukankah ini sangat mudah digunakan ///di awal baris !? Ini akan mengomentari baris!
Mohammad Kermani
14

Daftar periksa hal-hal yang perlu disiapkan agar ini berfungsi:

  1. Pastikan ekstensi TypeScript diinstal. Periksa Tools -> Extension Manager dan pastikan ekstensi "TypeScript for Microsoft Visual Studio" diinstal. Jika tidak, jalankan file .vsix yang ditemukan di folder TypeScript (Program Files \ Microsoft SDKs \ TypeScript \ <version>) untuk menginstal ekstensi.

  2. Pastikan file Anda mereferensikan file jquery.d.ts. Anda harus memiliki komentar di / dekat bagian atas file Anda yang terlihat seperti ini:

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

Jika Anda perlu mendownloadnya, Anda dapat menemukan file jquery.d.ts sebagai bagian dari sampel Kapal Perang di http://www.typescriptlang.org/Samples/

Ryan Cavanaugh
sumber
Saya ingin tahu apakah ada cara untuk menggunakan jQuery di Playground .
durï