Como obtenho o preenchimento automático do jQuery no TypeScript?

95

Se estou trabalhando em um arquivo TypeScript .ts, o que posso fazer para obter o jQuery Intellisense / autocompletion ao digitar o caractere $?

(Estou trabalhando em um projeto ASP.NET MVC 3 no VS 2012.)

jquery typescript Ryan Lundy
fonte
Eu quero o mesmo, mas não estou no windows, tenho o destaque de sintaxe, mas como posso configurar o autocompletar para qualquer outro programa que não está sendo executado no windows?
nacho4d

Respostas:

106

Você precisa adicionar uma referência à definição jQuery na parte superior do seu .tsarquivo.

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

Você pode encontrar anotações de tipo para jQuery neste exemplo .

mohamed hegazy
fonte
Obrigado, era isso que eu estava perdendo.
Ryan Lundy,
3
Existe uma localização global onde este arquivo pode ser colocado para permitir que seja referenciado de qualquer lugar?
Rick Love,
23
O jquery.d.ts é fornecido pelo JQUERY ou personalizado. Se for personalizado, como atualizamos e mantemos a sincronização com a nova versão do JQUERY?
Nil Pun
2
@Myagdi: Por enquanto, este é um processo manual. Também não se surpreenda se houver bugs nas definições, é difícil acertar. De qualquer forma, aposto que assim que o TypeScript decolar, ele terá uma maneira de vincular um arquivo JS a um .d.tse o JQuery fará isso.
coudy
Isso não é muito programado para usar ///no início da linha !? Vai comentar a linha!
Mohammad Kermani de
42

Verifique essas definições de tipo para TypeScript: https://github.com/borisyankov/DefinitelyTyped#readme . Eles são atualizados regularmente e são mais completos do que os dos exemplos. No Nuget: http://www.nuget.org/profiles/DefinitelyTyped/

jvitor83
fonte
Esses são os mesmos arquivos de definição dos pacotes nu-get?
Kieran
Você pode fazer npm install --save-dev @ types / jquery ou @ types / qualquer para outros pacotes também
Jared Updike
14

Lista de verificação de coisas que precisam ser configuradas para que isso funcione:

  1. Certifique-se de que a extensão TypeScript esteja instalada. Verifique Ferramentas -> Gerenciador de extensão e certifique-se de que a extensão "TypeScript para Microsoft Visual Studio" esteja instalada. Se não for, execute o arquivo .vsix encontrado na pasta TypeScript (Arquivos de programas \ Microsoft SDKs \ TypeScript \ <version>) para instalar a extensão.

  2. Certifique-se de que seu arquivo faça referência ao arquivo jquery.d.ts. Você deve ter um comentário próximo ao início do seu arquivo com a seguinte aparência:

/// <caminho de referência = "o / caminho / para / jquery.d.ts" />

Se precisar baixá-lo, você pode encontrar o arquivo jquery.d.ts como parte da amostra de Navio de Guerra em http://www.typescriptlang.org/Samples/

Ryan Cavanaugh
fonte
Eu me pergunto se existe uma maneira de usar jQuery no Playground .
thorn̈