Як отримати автозаповнення jQuery у TypeScript?

Якщо я працюю у .ts-файлі TypeScript, що я можу зробити, щоб отримати jQuery Intellisense / автозаповнення при введенні символу $?

(Я працюю в проекті ASP.NET MVC 3 у VS 2012.)

jquery typescript

— Райан Лунді
джерело

Я хочу те саме, але я не на вікнах, я отримав підсвічування синтаксису, але як я можу налаштувати автозавершення для будь-якої іншої програми, яка не працює у вікнах?

— nacho4d

Відповіді:

106

Вам потрібно додати посилання на визначення jQuery у верхній частині вашого .tsфайлу.

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

Ви можете знайти анотації типу для jQuery у цьому зразку .

— мохамед гегазі
джерело

Дякую, саме цього мені не вистачало.

— Ryan Lundy

Чи є глобальне місце, де цей файл можна розмістити, щоб на нього можна було посилатися з будь-якого місця?

— Rick Love

Чи надається jquery.d.ts JQUERY або на замовлення. Як ми робимо, як нам оновити та синхронізувати нову версію JQUERY?

— Nil Pun

@Myagdi: Наразі це ручний процес. Також не дивуйтеся, якщо у визначеннях є помилки, важко це зрозуміти. У будь-якому випадку, я впевнений, що як тільки TypeScript вилетить, він матиме спосіб зв’язати файл JS з файлом, .d.tsі JQuery буде це робити.

— куді

Хіба це не дуже підключено для використання ///на початку рядка !? Він прокоментує рядок!

— Мохаммад Кермані

Ознайомтесь із цими визначеннями типів для TypeScript: https://github.com/borisyankov/DefinitelyTyped#readme . Вони регулярно оновлюються і є більш повними, ніж ті, що наведені в прикладах. На Nuget: http://www.nuget.org/profiles/DefinitelyTyped/

— jvitor83
джерело

Це ті самі файли визначень, що і пакунки nu-get?

— Kieran

Ви можете виконати встановлення npm --save-dev @ types / jquery або @ types / будь-що для інших пакунків

— Джаред Апдайк

Перелік речей, які потрібно налаштувати, щоб це працювало:

Переконайтеся, що встановлено розширення TypeScript. Перевірте Інструменти -> Диспетчер розширень і переконайтесь, що встановлено розширення "TypeScript для Microsoft Visual Studio". Якщо це не так, запустіть файл .vsix, знайдений у папці TypeScript (Program Files \ Microsoft SDKs \ TypeScript \ <version>), щоб встановити розширення.
Переконайтеся, що ваш файл посилається на файл jquery.d.ts. Ви повинні мати коментар у / вгорі вашого файлу, який виглядає так:

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

Якщо вам потрібно його завантажити, ви можете знайти файл jquery.d.ts як частину зразка Військового корабля за адресою http://www.typescriptlang.org/Samples/

— Райан Кавано
джерело

Цікаво, чи є спосіб використовувати jQuery на дитячому майданчику .

— thorn̈