Как получить автозаполнение 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/


Это те же файлы определений, что и пакеты 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
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.