javascript - 在浏览器中运行 TypeScript 项目

Question

我发现了 TypeScript ，并安装了 Visual Studio 2012 Plugin , 下载了 source code并运行第一个 sample在我的 HTML 文档中引用 .ts 文件后:

function Greeter(person) {
    return "Hello, " + person + ".";
}

var user = "James Kent";

document.body.innerHTML = Greeter(user);

然后继续在命令行编译代码，使用:

tsc greeter.ts

但我无法编译它，正如 Visual Studio 所说:

Command "tsc" is not valid.

在浏览了整个 TypeScript 网站后，我找不到任何关于如何让它工作的信息。谷歌搜索也没有产生相关结果。

如何让 TypeScript 正常工作？

更新:运行随源代码提供的任何示例只会在任何浏览器中显示一个空白页面。但是，示例似乎在 TypeScript 网站上运行良好。

Answer 1

您的系统找不到编译器的路径。如果您想自己注册编译器可执行文件(在我的 x64 Win 8 系统上)。

C:\Program Files (x86)\Microsoft SDKs\TypeScript\0.8.0.0\

使用它将 .ts 文件编译为 .js，并在您的 html 中使用它，而不是尝试直接在浏览器中编译它。那真的很慢。

您可以在 VS 中查看“带有 TypeScript 的 HTML 应用程序”项目，它被配置为在项目构建时编译您的 TypeScript。