Question

我刚开始使用Type Script，并且正在使用新的Visual Studios Code IDE。我目前正面临一个问题，我可以使用visual studio类型的脚本插件，并使用node运行javascript文件。但是，在保存ts文件时，它不会自动构建js文件。所以我卸载了这个插件，并根据这个视频安装了打字稿：

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

现在我可以使用--watch选项构建一个ts文件，但是当我转向需要它的更复杂的项目时，如何实现自动构建多个.ts文件？

这也是使用Visual Studios Code作为我的IDE编写TypeScript的最佳方法吗？目前我不是这个设置的忠实粉丝，因为我必须打开一个终端来观看单个ts文件（这可能意味着需要一堆窗口来观看每个文件，还有一个终端可以运行该计划。

Answer 1

我不确定您是使用Visual Studio Code还是Visual Studio 2013。我假设它是VS代码（如果不是，请考虑切换.VS代码非常好！）。

现在我将引用自another answer。

您可以使用Build命令执行此操作：

使用watch = true创建一个简单的tsconfig.json（这将指示编译器监视所有已编译的文件）：

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

请注意，files数组被省略，默认情况下，所有子目录中的所有*.ts文件都将被编译。

配置您的任务（Ctrl+Shift+P - ＆gt; Configure Task Runner）：

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

现在按Ctrl+Shift+B来构建项目。您将在输出窗口（Ctrl+Shift+O）中看到编译器输出。

有关详细信息，请参阅我的一个项目： tsconfig.json，.settings/tasks.json。

Visual Studio Code 2015中自动构建TypeScript项目

1 个答案: