Bagaimana cara mendapatkan autocompletion jQuery di TypeScript?

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.)

jquery typescript

— 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

Apakah ada lokasi global di mana file ini dapat ditempatkan untuk memungkinkan referensi dari mana saja?

— Rick Love

Apakah jquery.d.ts disediakan oleh JQUERY atau custom. Jika kustom, bagaimana kami memperbarui dan tetap sinkron dengan versi baru JQUERY?

— Nihil Pun

@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

Lihat definisi jenis ini untuk TypeScript: https://github.com/borisyankov/DefinitelyTyped#readme . Mereka diperbarui secara berkala dan lebih lengkap daripada yang ada di contoh. Di Nuget: http://www.nuget.org/profiles/DefinitelyTyped/

— jvitor83
sumber

Apakah ini file definisi yang sama dengan paket nu-get?

— Kieran

Anda juga dapat melakukan npm install --save-dev @ types / jquery atau @ types / apa pun untuk paket lain

— Jared Updike

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

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.
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ï