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

Question

我发现了TypeScript，并安装了Visual Studio 2012 Plugin，下载了源代码并在引用了我的文档中的文件后运行了第一个示例：.tsHTML

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

var user = "James Kent";

document.body.innerHTML = Greeter(user);

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

tsc greeter.ts

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

命令“tsc”无效。

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

我怎样才能让 TypeScript 工作？

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

score 2 · Accepted Answer

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

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

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

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

score 2 · Accepted Answer

tsc在命令行上工作的一种简单方法是使用nodejs和相应的包管理器npm。您可以从nodejs.org获取它们。设置完成后nodejs，您所要做的就是安装编译器

npm install -g typescript

直接在浏览器中执行 Typescript 相当复杂。Typescript 编译为 Javascript，所以你想要的是在你的html.

2 回答 2