在浏览器中运行TypeScript项目

时间:2012-10-23 13:27:47

标签: javascript visual-studio-2012 typescript

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

HTML

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

function Greeter(person) { return "Hello, " + person + "."; } var user = "James Kent"; document.body.innerHTML = Greeter(user);

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

命令“tsc”无效。

查看了整个TypeScript网站后,我无法找到有关如何使其正常工作的任何信息。谷歌搜索也没有产生任何相关结果。

如何让TypeScript正常工作?

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

2 个答案:

答案 0 :(得分:2)

tsc在命令行上工作的一种简单方法是使用nodejs和相应的包管理器npm。你可以从nodejs.org获得它们。设置nodejs后,您只需使用

安装编译器即可
npm install -g typescript

直接在浏览器中执行Typescript相当复杂。 Typescript编译为Javascript,所以你想要的是引用html中的编译代码。

答案 1 :(得分:2)

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

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

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

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