¿Cómo obtengo el autocompletado de jQuery en TypeScript?

95

Si estoy trabajando en un archivo .ts de TypeScript, ¿qué puedo hacer para obtener jQuery Intellisense / autocompletion cuando escribo el carácter $?

(Estoy trabajando en un proyecto ASP.NET MVC 3 en VS 2012.)

jquery typescript Ryan Lundy
fuente
Quiero lo mismo pero no estoy en Windows, obtuve el resaltado de sintaxis, pero ¿cómo puedo configurar el autocompletado para cualquier otro programa que no se esté ejecutando en Windows?
nacho4d

Respuestas:

106

Necesita agregar una referencia a la definición de jQuery en la parte superior de su .tsarchivo.

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

Puede encontrar anotaciones de tipo para jQuery en este ejemplo .

mohamed hegazy
fuente
Gracias, eso era lo que me estaba perdiendo.
Ryan Lundy
3
¿Existe una ubicación global donde se pueda colocar este archivo para permitir su referencia desde cualquier lugar?
Rick Love
23
Es jquery.d.ts proporcionado por JQUERY o personalizado. Si es personalizado, ¿cómo actualizamos y nos sincronizamos con la nueva versión de JQUERY?
Nil Pun
2
@Myagdi: Por ahora, este es un proceso manual. Además, no se sorprenda si hay errores en las definiciones, es difícil hacerlo bien. De todos modos, apuesto a que una vez que TypeScript despegue, tendrá una forma de vincular desde un archivo JS a un .d.tsy JQuery lo hará.
coudy
¿¡No está muy programado para usar ///al comienzo de la línea !? ¡Comentará la línea!
Mohammad Kermani
14

Lista de verificación de las cosas que deben configurarse para que esto funcione:

  1. Asegúrese de que la extensión TypeScript esté instalada. Verifique Herramientas -> Administrador de extensiones y asegúrese de que la extensión "TypeScript para Microsoft Visual Studio" esté instalada. Si no es así, ejecute el archivo .vsix que se encuentra en la carpeta TypeScript (Archivos de programa \ Microsoft SDKs \ TypeScript \ <versión>) para instalar la extensión.

  2. Asegúrese de que su archivo haga referencia al archivo jquery.d.ts. Debería tener un comentario en / cerca de la parte superior de su archivo que se ve así:

/// <ruta de referencia = "la / ruta / a / jquery.d.ts" />

Si necesita descargarlo, puede encontrar el archivo jquery.d.ts como parte de la muestra del buque de guerra en http://www.typescriptlang.org/Samples/

Ryan Cavanaugh
fuente
Me pregunto si hay alguna forma de usar jQuery en Playground .
thorn̈