typescript - update - visual studio code tutorial español pdf

Visual Studio Code Importaciones automáticas

Question

Estoy en el proceso de pasar de Webstorm a Visual Studio Code. El rendimiento en Webstorm es abismal.

El código de Visual Studio no es muy útil para encontrar las dependencias que necesito e importarlas. Lo he estado haciendo manualmente hasta ahora, pero para ser honesto, prefiero esperar 15 segundos para que la tormenta web encuentre y agregue mi importación que tiene que buscarla manualmente.

Estoy usando la semilla angular2 de @ minko-gechev https://github.com/mgechev/angular2-seed

Tengo un tsconfig.json en mi directorio base que se ve así:

    {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "declaration": false,
    "removeComments": true,
    "noLib": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "pretty": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noFallthroughCasesInSwitch": true
  },
  "exclude": [
    "node_modules",
    "dist",
    "typings/index.d.ts",
    "typings/modules",
    "src"
  ],
  "compileOnSave": false
}

y tengo otro en mi directorio src / client que se ve así:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "allowSyntheticDefaultImports": true
  }
}

No sé por qué hay dos. El proyecto inicial de angualr usa tareas de compilación de mecanografía, así que supongo que la compilación es diferente.

¿Qué puedo hacer para que vscode sea más útil?

Answer 1

Existe un problema con el código de Visual Studio que puede rastrear y aprobar para esta función. También hubo un problema de User Voice , pero creo que cambiaron la votación a los problemas de GitHub.

Parece que quieren la funcionalidad de importación automática en TypeScript, por lo que se puede reutilizar. Problema de importación automática de TypeScript para rastrear y pulgar hacia arriba aquí .

Answer 2

Lo hice funcionar instalando varios complementos. Aquí hay una captura de pantalla de mi lista de extensiones. La mayoría de las veces las cosas se importan solas tan pronto como escribo el nombre de la clase. Alternativamente, aparece una bombilla en la que puede hacer clic. O puede presionar F1 y escribir "importar ..." y también hay varias opciones. Yo los uso un poco a todos. También F1 Implement para implementar una interfaz es útil, pero no siempre funciona.

Answer 3

Auto Import plugin Auto Import que es bastante fácil.

Encuentra automáticamente, analiza y proporciona acciones de código y finalización de código para todas las importaciones disponibles. Funciona con Typescript y TSX.

Puede ver cómo funciona en: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport