Compilación automática de guardar mecanografiado en código de Visual Studio

En este Post resolvemos dos problemas: 1) comando “TSC” no se reconoce en el código terminal integrado VS, y 2) compilación no funciona automáticamente al guardar el archivo “.TS” (Tipo Script).

Introducción

Solo para contextualizar, el Mecanografiado le permite escribir código usando una estructura inflexible y tiene este código compilado a JavaScript puro. Ya la Código de Visual Studio es un editor multiplataforma creado por Microsoft.

// Versiones utilizadas en este Post:
- Visual Studio (VS) Código: Versión 1.14.1
- Mecanografiado: Versión 2.4.1

Este es un Consejo fácil, pero puede tener problemas si no sabes lo que estás haciendo: mi caso :D

Instalación de node.js y mecanografiado

Una de las maneras de instalar el manuscrito es a través del administrador de paquetes de Node.js (NUEVA GESTIÓN PÚBLICA – Gestor de paquetes de nodo), pero para usarlo, usted primero necesitará instalar el Node.js.

Después de instalar el nodo, Abrir el terminal (comando) y ejecute el siguiente comando para instalar el mecanografiado:

Instalación de la nueva gestión pública -manuscrito g

El terminal de Windows (o Linux), hacer una prueba de funcionamiento de la mecanografiado por comprobar la versión instalada. El comando “TSC” es el acrónimo para compilador mecanografiado.

TSC -v

Problema

El problema es que el comando “TSC” funcionó normalmente en el terminal de Windows, pero no en el terminal integrado que viene en el código de Visual Studio (Código VS), mostrando el siguiente error:

'tsc' no se reconoce ya que un comando interno o externo,operable programa o archivo por lotes archivo.

Además, No quiero ejecutar el comando “TSC” cada vez que quería compilar un archivo de “.TS” (extensión a mecanografiado). Por lo tanto, Cómo la construcción automática para ahorrar (CTRL + S)? Es que vamos a ver más.

Outros errores

Tratando de resolver estos problemas, Encontré Posts diciendo con el compileOnSave, pero esto sólo está soportado por Visual Studio 2015 con inicio > = 1.8.4 y el plugin de átomo-Inicio. IE, No tiene ningún sentido en el uso de compileOnSave en “tsconfig. json” el código de Visual Studio, el código siguiente no funcionará:

{
   "compileOnSave": VERDADERO,
   "compilerOptions": {
       "noImplicitAny" : VERDADERO
   }
}

Solución

CAC en el VS integrado código de Terminal

En primer lugar, resolvemos el problema de la TSC no ser reconocido en el código terminal de Visual Studio integrado (Código VS).

Algunos Mensajes sugieren poner la ruta de la CAC o nueva gestión pública en la variable de entorno PATH, pero una manera fácil de solucionar esto es haciendo la instalación de la “Inicio de Visual Studio, Es compatible con el código de VS.

Agora sim, Después de la instalación, Abrir el Visual Studio integrado código terminal, escribir:

// Tecla de método abreviado de Visual Studio integrado código terminal:
CTRL+`
// O utilice el menú para abrir el terminal en código de Visual Studio:
Ver > Terminal integrado

Trate de comprobar la Versión de inicio terminal integrado directa vs código (No en la terminal de Windows), y probablemente estarán trabajando:

TSC -v

Compilación automática al guardar un archivo .TS

El código de terminal soporte VS en su directorio de script (.TS), por ejemplo:

C CD:\wamp64wwwts

Crear el archivo tsconfig. json escribiendo en terminal vs código:

TSC --init

Tenga en cuenta que un archivo “tsconfig. json” se creará en “C:\wamp64wwwts” (el directorio actual).

Abierta la tsconfig. json y habilitar la opción “sourceMap”: VERDADERO, y la modificación, Por lo tanto:

  "compilerOptions": {
    /* Opciones básicas */
    "target": "es5",                          /* Especificar la versión de destino de ECMAScript: 'Búfalo' (por defecto), 'ES5', 'ES2015', 'ES2016', 'ES2017', o 'ESNEXT'. */
    "module": "commonjs",                     /* Especificar la generación de código de módulo: 'commonjs', 'amd', 'sistema', 'umd', 'es2015', o 'ESNext'. */
    // "lib": [],                             /* Especificar archivos de la biblioteca para ser incluidos en la compilación:  */
    // "allowJs": VERDADERO,                       /* Permitir que los archivos de javascript ser compilado. */
    // "checkJs": VERDADERO,                       /* Informe de errores en archivos .js. */
    // "jsx": "preserve",                     /* Especificar la generación de código JSX: 'preservar', 'nativo de reaccionar', o 'reacciona'. */
    // "declaration": VERDADERO,                   /* Genera el correspondiente '. archivo de d.ts. */
    "sourceMap": VERDADERO,                     /* Genera el archivo ".map" correspondientes. */
    // "outFile": "./",                       /* Concatenar y emitir salida a archivo. */
    // "outDir": "./",                        /* Estructura de salida de la redirección al directorio. */
    // "rootDir": "./",                       /* Especifica el directorio raíz de archivos de entrada. Utilizar para controlar la estructura de directorios de salida con--outDir. */
    ... continúa ...

Pronto, Agora é só ir sin terminal VS código e digitar o comando:

TSC -w

Este comando fica monitorando (vendo ou, lo “w” de reloj) una aplicación e qualquer alteração no arquivos .TS, salvo quando, fará una imediata compilação em .JS.

Eso es todo!

Total hits: 1127

Contesta

Su dirección de correo electrónico no será publicado. Campos requeridos están marcados con *