Construir automáticamente un proyecto de TypeScript en Visual Studio Code 2015

Estoy comenzando en Type Script, y estoy usando el nuevo IDE Visual Studio Code. Actualmente estoy enfrentando un problema donde puedo usar el complemento de Type Script de Visual Studio y ejecutar los archivos JavaScript usando node. Sin embargo, no compilará el archivo js automáticamente cuando se guarde el archivo ts. Entonces desinstalé el complemento e instalé TypeScript según este video:

https://egghead.io/lessons/typescript-typescript-up-and-running-in-seconds

Ahora puedo hacer que un archivo ts se compile usando la opción --watch, pero ¿cómo lograría la compilación automática de múltiples archivos .ts cuando pase a proyectos más complejos que lo requieran?

¿También es esta la mejor manera de escribir TypeScript usando Visual Studio Code como mi IDE? Actualmente no soy muy fanático de esta configuración porque tengo que tener un terminal abierto para ver un solo archivo ts (lo que puede significar que se necesiten muchas ventanas para ver cada archivo, y también un terminal abierto para ejecutar el programa).

Respuesta #1

No estoy seguro de si usas Visual Studio Code o Visual Studio 2013. Supongo que es VS Code (si no lo es, considera cambiar. ¡VS Code es muy bueno!).

Ahora me voy a citar a mí mismo de otra respuesta.

Puedes hacer esto con los comandos de compilación:

Crea un tsconfig.json sencillo con watch=true (esto instruirá al compilador a vigilar todos los archivos compilados):

{
    "compilerOptions": {
        "target": "ES5",
        "out": "js/script.js",
        "watch": true
    }
}

Tenga en cuenta que se omite el arreglo files, por defecto todos los archivos *.ts en todos los subdirectorios serán compilados.

Configura tu tarea (Ctrl+Shift+P -> Configurar ejecutor de tareas):

{
    "version": "0.1.0",
    "command": "tsc",
    "showOutput": "silent",
    "isShellCommand": true,
    "problemMatcher": "$tsc"
}

Ahora presiona Ctrl+Shift+B para compilar el proyecto. Verás la salida del compilador en la ventana de salida (Ctrl+Shift+O).

Consulta uno de mis proyectos para más información: tsconfig.json, .settings/tasks.json.