visual studio 2015 - Pasar de los typings a @types usando Visual Studio y Typescript 2.0.3

visual-studio-2015 typescript-typings

Question

Intenté eliminar los typings de mi proyecto web (Visual Studio 2015 Community) e instalar archivos d.ts a través de nuevos NPM @types (typescript 2.0.3) en package.json:

 "dependencies": {
    "@types/angular": "^1.5.8",
    "@types/angular-cookies": "^1.4.2",
    "@types/angular-local-storage": "^0.1.33",
    "@types/angular-material": "^1.1.37",
    "@types/angular-translate": "^2.4.33",
    "@types/lodash": "^4.14.36"
  }

IntelliSense de Visual Studio funcionó muy bien con tipificaciones anteriores porque incluí la carpeta de typings en mi proyecto de VS. NPM instala tipos en la carpeta node_modules/@types . Ahora aquí está mi problema. Realmente no quiero incluir nada de node_modules en el proyecto VS. node_modules carpeta node_modules debería estar bien para ser eliminada y recreada nuevamente por npm a voluntad. Visual Studio no reconoce los typings instalados sin que estén incluidos en el proyecto. Supongo que podría crear un archivo con /// etiquetas de referencia en él, pero luego tendría que mantener este archivo manualmente al instalar / eliminar typings.

¿Hay alguna forma recomendada de hacer que VS IntelliSense funcione?

Answer 1

Estaba luchando con este mismo problema después de cambiar a 2.0 y usar la nueva convención @types.

Encontré esta propiedad útil después de buscar en la especificación para el tsconfig.json aquí: http://json.schemastore.org/tsconfig

propiedad "typeRoots" de compilerOptions.

No pude obtener los archivos o incluir arreglos para tirar de mis typings, pero parece que me ha funcionado.

Mi archivo tsconfig.json como ejemplo:

{
  "compileOnSave": true,
  "compilerOptions": {
    "outDir": "./dist/",
    "sourceMap": true,
    "noImplicitAny": false,
    "module": "commonjs",
    "target": "es5",
    "jsx": "react",
    "typeRoots": [
      "node_modules/@types"
    ]
  }
}

Espero que esto ayude a alguien con el mismo problema.

Answer 2

Instale VS 2015 Update 3, luego instale las herramientas de TypeScript 2.0.3.

Answer 3

Aquí hay un ejemplo del uso de @types en Visual Studio 2015 (a partir de la Actualización 3) ...

Primero, asegúrese de tener TypeScript v2.0.3 o superior.

Luego, agregue los typings de la siguiente manera:

  "devDependencies": {
    "typescript": "^2.0.3",

    "@types/jquery": "*",
    "@types/lodash": "^4.14.36"
  }

Luego, en su archivo TypeScript, simplemente agregue lo siguiente ...

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

Para ver si hay un tipo de biblioteca disponible, consulte Type Search , desarrollado por Definitely Typed .

Referencias

• MSDN Blog - TypesScript: el futuro de los archivos de declaración
• MSDN Blog - Sin tiempo: Angular 2 con archivos de declaración @Types