javascript - ブラウザでTypeScriptプロジェクトを実行する

Question

TypeScriptについて知り、 Visual Studio 2012プラグインをインストールし、ソースコードをダウンロードして、ドキュメント内のファイルを参照した後、最初のサンプルを実行しました。.tsHTML

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

var user = "James Kent";

document.body.innerHTML = Greeter(user);

次に、コマンドラインで次のコマンドを使用してコードをコンパイルしました。

tsc greeter.ts

しかし、Visual Studioが言うように、私はそれをコンパイルできませんでした：

コマンド「tsc」は無効です。

TypeScript Webサイト全体を見た後、それを機能させる方法についての情報を見つけることができませんでした。グーグル検索も関連する結果をもたらさなかった。

TypeScriptを機能させるにはどうすればよいですか？

更新：ソースコードで提供されているサンプルを実行すると、ブラウザに空白のページが表示されるだけです。ただし、TypeScriptWebサイトではサンプルは問題なく機能しているようです。

score 2 · Accepted Answer

tscコマンドラインで作業する簡単な方法はnodejs、と対応するパッケージマネージャーを使用することnpmです。それらはnodejs.orgから入手できます。セットアップが完了したらnodejs、コンパイラをインストールするだけです。

npm install -g typescript

ブラウザで直接Typescriptを実行するのはかなり複雑です。TypescriptはJavascriptにコンパイルされるので、必要なのはでコンパイルされたコードを参照することですhtml。

score 2 · Accepted Answer

システムがコンパイラへのパスを見つけることができません。自分で登録したい場合は、コンパイラの実行可能ファイルがここにあります（私のx64 Win 8システム上）。

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

これを使用して.tsファイルを.jsにコンパイルし、ブラウザーで直接コンパイルするのではなく、htmlで使用します。それは本当に遅いでしょう。

VSの「HTMLApplicationwithTypeScript」プロジェクトを見ることができます。これは、プロジェクトのビルド時にTypeScriptをコンパイルするように構成されています。

2 に答える 2