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

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,

Existe uma localização global onde este arquivo pode ser colocado para permitir que seja referenciado de qualquer lugar?

— Rick Love,

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

@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

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

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

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.
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̈