Comment obtenir la complétion automatique de jQuery dans TypeScript?

95

Si je travaille dans un fichier TypeScript .ts, que puis-je faire pour obtenir jQuery Intellisense / autocompletion lorsque je tape le caractère $?

(Je travaille dans un projet ASP.NET MVC 3 dans VS 2012.)

jquery typescript Ryan Lundy
la source
Je veux la même chose mais je ne suis pas sur Windows, j'ai obtenu la coloration syntaxique, mais comment puis-je configurer l'auto-complétion pour tout autre programme qui ne fonctionne pas sous Windows?
nacho4d

Réponses:

106

Vous devez ajouter une référence à la définition jQuery en haut de votre .tsfichier.

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

Vous pouvez trouver des annotations de type pour jQuery dans cet exemple .

mohamed hegazy
la source
Merci, c'est ce qui me manquait.
Ryan Lundy
3
Y a-t-il un emplacement global où ce fichier peut être placé pour permettre d'être référencé de n'importe où?
Rick Love
23
Est jquery.d.ts fourni par JQUERY ou personnalisé. Si personnalisé, comment mettre à jour et synchroniser avec la nouvelle version de JQUERY?
Nil Pun
2
@Myagdi: Pour l'instant, c'est un processus manuel. Ne soyez pas non plus surpris s'il y a des bogues dans les définitions, il est difficile de faire les choses correctement. Quoi qu'il en soit, je parie qu'une fois que TypeScript décollera, il aura un moyen de créer un lien depuis un fichier JS vers un fichier .d.tsJQuery et le fera.
coudy
N'est-ce pas très câblé à utiliser ///en début de ligne !? Il commentera la ligne!
Mohammad Kermani
42

Consultez ces définitions de type pour TypeScript: https://github.com/borisyankov/DefinatelyTyped#readme . Ils sont régulièrement mis à jour et sont plus complets que ceux des exemples. Sur Nuget: http://www.nuget.org/profiles/DefinatelyTyped/

jvitor83
la source
S'agit-il des mêmes fichiers de définition que les packages nu-get?
Kieran
Vous pouvez faire npm install --save-dev @ types / jquery ou @ types / peu importe pour d'autres paquets aussi
Jared Updike
14

Liste de contrôle des éléments à configurer pour que cela fonctionne:

  1. Assurez-vous que l'extension TypeScript est installée. Vérifiez Outils -> Extension Manager et assurez-vous que l'extension «TypeScript pour Microsoft Visual Studio» est installée. Si ce n'est pas le cas, exécutez le fichier .vsix qui se trouve dans le dossier TypeScript (Program Files \ Microsoft SDKs \ TypeScript \ <version>) pour installer l'extension.

  2. Assurez-vous que votre fichier fait référence au fichier jquery.d.ts. Vous devriez avoir un commentaire en haut / près du haut de votre fichier qui ressemble à ceci:

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

Si vous avez besoin de le télécharger, vous pouvez trouver le fichier jquery.d.ts dans le cadre de l'exemple Warship à http://www.typescriptlang.org/Samples/

Ryan Cavanaugh
la source
Je me demande s'il existe un moyen d'utiliser jQuery dans le Playground .
thorn̈