Javascript 在浏览器中运行TypeScript项目

Javascript 在浏览器中运行TypeScript项目,javascript,visual-studio-2012,typescript,Javascript,Visual Studio 2012,Typescript,在我的HTML文档中引用.ts文件后,我发现并安装了,下载并运行了第一个: function Greeter(person) { return "Hello, " + person + "."; } var user = "James Kent"; document.body.innerHTML = Greeter(user); 然后在命令行编译代码,使用: tsc迎宾员.ts 但我无法编译它,正如Visual Studio所说: 命令“tsc”无效。 在浏览了整个TypeScri

在我的
HTML
文档中引用
.ts
文件后,我发现并安装了,下载并运行了第一个:

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

var user = "James Kent";

document.body.innerHTML = Greeter(user);
然后在命令行编译代码,使用:

tsc迎宾员.ts

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

命令“tsc”无效。 在浏览了整个TypeScript网站之后,我找不到任何关于如何让它工作的信息。谷歌搜索也没有得到相关结果

我怎样才能使打字稿工作


更新:运行源代码附带的任何示例都会在任何浏览器中显示一个空白页面。但是,示例在TypeScript网站上似乎工作正常。

在命令行上使用
tsc
的一种简单方法是使用
nodejs
和相应的包管理器
npm
。你可以从我这儿买到。一旦设置了
nodejs
,您所要做的就是使用安装编译器

npm install -g typescript

直接在浏览器中执行Typescript相当复杂。Typescript编译为Javascript,因此您需要的是引用
html

中编译的代码。您的系统无法找到编译器的路径。如果您想自己注册,编译器可执行文件就在这里(在我的x64 Win 8系统上)

C:\Program Files (x86)\Microsoft SDKs\TypeScript\0.8.0.0\
使用它将.ts文件编译为.js,并在html中使用它,而不是直接在浏览器中编译它。那会很慢


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

您需要参考从
.ts
文件编译的
.js
文件。。浏览器不知道如何处理
.ts
文件没有我在问题中提到的内容。此外,如果你看到TypeScript网站上的教程部分,他们也使用-直接引用
.ts
文件。不管怎样,我都无法让它运行或编译。你错了。。再查一遍。。复制/粘贴您发送的样本:
Ohhhh!对不起,我弄错了。该死的东西还是没编译,哈哈。你指的是什么编译过的代码?你是说我的编译代码吗?就像我无法编译的代码一样?这就是我想做的。我的答案有两部分。第一部分告诉您如何在命令行上安装编译器。第二部分指出了在浏览器中不实际引用typescript的原因。您的问题提到您在浏览器中引用了一个typescript文件,您不应该这样做。感谢您的帮助@Valentin:-)我尝试将其添加到PATH,但没有成功。然后我尝试在命令窗口中使用完整的文件路径,但也没有成功。我现在正在用TypeScript签出HTML应用程序。谢谢@WDever。我(通过HTML应用程序)以及将我的
.ts
文件拖放到
tsc
编译器文件本身lol上,使其正常工作。