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

Question

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

88

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

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

Kyralessa 01 окт. 2012, в 23:46

Источник

0

Я хочу то же самое, но я не на Windows, я получил подсветку синтаксиса, но как я могу настроить автозаполнение для любой другой программы, которая не работает в Windows?
nacho4d 11 окт. 2012, в 02:12

Теги:

jquery

typescript

3 ответа

43

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

jvitor83 09 нояб. 2012, в 13:53

0

Это те же файлы определений, что и у пакетов nu-get?
Kieran 22 май 2013, в 02:06
1

Да. nuget.org/profiles/DefinitelyTyped
jvitor83 29 май 2013, в 16:55
0

Вы можете выполнить npm install --save-dev @ types / jquery или @ types / what для других пакетов.
Jared Updike 22 дек. 2016, в 16:42

Показать ещё 1 комментарий

12

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

Убедитесь, что расширение 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/

Ryan Cavanaugh 01 окт. 2012, в 22:50

0

Интересно, есть ли способ использовать jQuery на игровой площадке ?
thorn̈ 06 окт. 2012, в 12:36

Ещё вопросы

Я хочу то же самое, но я не на Windows, я получил подсветку синтаксиса, но как я могу настроить автозаполнение для любой другой программы, которая не работает в Windows?
Это те же файлы определений, что и у пакетов nu-get?
Вы можете выполнить npm install --save-dev @ types / jquery или @ types / what для других пакетов.
Интересно, есть ли способ использовать jQuery на игровой площадке ?

mohamed hegazy · Accepted Answer · 2012-10-01T23-21-00.000Z

105

Лучший ответ

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

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

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

mohamed hegazy 01 окт. 2012, в 23:21

0

Спасибо, это было то, чего мне не хватало.
Ryan Lundy 01 окт. 2012, в 23:11
3

Существует ли глобальное местоположение, где этот файл может быть размещен, чтобы на него можно было ссылаться откуда угодно?
Rick Love 10 окт. 2012, в 04:45
23

Является ли jquery.d.ts JQUERY или обычай. Если пользовательский, как мы обновляем и поддерживаем синхронизацию с новой версией JQUERY?
Nil Pun 13 окт. 2012, в 21:13
2

@Myagdi: Пока это ручной процесс. Также не удивляйтесь, если в определениях есть ошибки, это трудно сделать правильно. В любом случае, держу пари, что после того, как TypeScript взлетит, у него будет способ связать JS-файл с .d.ts и JQuery сделает это.
coudy 03 фев. 2013, в 17:31
0

Разве это не очень удобно использовать /// в начале строки !? Это прокомментирует строку!
M98 18 апр. 2017, в 10:37
0

@ M98 Нет, компилятор машинописи разрешит это.
Wavum 26 апр. 2017, в 13:52
0

@ Wavum Да, я знаю это. Я имел в виду, что когда они создавали компилятор, они могли выбрать лучший формат для импорта файлов .d.ts
M98 26 апр. 2017, в 13:59
0

@ M98 Вы также можете использовать синтаксис импорта, который красивее IMO
Wavum 26 апр. 2017, в 14:04
0

Я обнаружил, что если у вас установлен пакет через npm install автозаполнение, похоже, хорошо работает для файлов .js без проблем. С помощью ссылочного ключа F12 файл d.ts может быть найден загруженным в appdata, например: \AppData\Local\Microsoft\TypeScript\2.6\node_modules\@types\jquery\index.d.ts . Тем не менее, я обнаружил, что если я помещаю файл .ts в каталог, это прерывание и прямое включение должно происходить через /// . Путь appdata действительно работает на этом этапе.
EFH 25 янв. 2018, в 14:44

Показать ещё 7 комментариев