Как получить автозаполнение jQuery в TypeScript?

95

Если я работаю с файлом TypeScript .ts, что я могу сделать, чтобы получить jQuery Intellisense / автозаполнение при вводе символа $?

(Я работаю над проектом ASP.NET MVC 3 в VS 2012.)

Райан Ланди
источник
Я хочу то же самое, но я не в Windows, у меня есть подсветка синтаксиса, но как я могу настроить автозаполнение для любой другой программы, которая не работает в Windows?
nacho4d

Ответы:

106

Вам нужно добавить ссылку на определение jQuery в верхней части .tsфайла.

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

В этом примере вы можете найти аннотации типов для jQuery .

Мохамед Хегази
источник
Спасибо, это то, чего мне не хватало.
Райан Ланди
3
Есть ли глобальное расположение, куда можно поместить этот файл, чтобы на него можно было ссылаться откуда угодно?
Рик Лав
23
Предоставляется ли jquery.d.ts JQUERY или custom. Если пользовательский, как мы обновляем и синхронизируем с новой версией JQUERY?
Нил Пун
2
@Myagdi: Пока это ручной процесс. Также не удивляйтесь, если в определениях есть ошибки, это сложно сделать правильно. В любом случае, я уверен, что как только TypeScript выйдет на рынок, у него будет возможность связать файл JS с файлом, .d.tsи JQuery будет это делать.
coudy 03
Разве это не очень удобно для использования ///в начале строки !? Он прокомментирует строку!
Мохаммад Кермани
42

Ознакомьтесь с этими определениями типов для TypeScript: https://github.com/borisyankov/DefinitoTyped#readme . Они регулярно обновляются и более полны, чем в примерах. На Nuget: http://www.nuget.org/profiles/DefinitiTyped/

jvitor83
источник
Это те же файлы определений, что и пакеты nu-get?
Киран
Вы можете выполнить npm install --save-dev @ types / jquery или @ types / что угодно и для других пакетов
Джаред Апдайк,
14

Контрольный список вещей, которые необходимо настроить, чтобы это работало:

  1. Убедитесь, что расширение TypeScript установлено. Выберите Инструменты -> Диспетчер расширений и убедитесь, что расширение «TypeScript для Microsoft Visual Studio» установлено. Если это не так, запустите файл .vsix, который находится в папке TypeScript (Program Files \ Microsoft SDKs \ TypeScript \ <version>), чтобы установить расширение.

  2. Убедитесь, что ваш файл ссылается на файл jquery.d.ts. У вас должен быть комментарий в / рядом с верхней частью файла, который выглядит следующим образом:

/// <reference path = "путь / к / jquery.d.ts" />

Если вам нужно его загрузить, вы можете найти файл jquery.d.ts как часть образца Warship по адресу http://www.typescriptlang.org/Samples/

Райан Кавано
источник
Интересно, есть ли способ использовать jQuery на игровой площадке .
thorn̈ 06