LoginSignup
4
4

More than 5 years have passed since last update.

Sublime Text2でTypeScriptをビルドする

Posted at

Windows環境でSublimeText2を使い、TypeScriptをビルドしようとした時にはまりまくったのでメモ程度に。

Node.jsのインストール

Node.js公式サイト からダウンロード後インストールします。
※.msiのタイプで行いました。

TypeScriptのインストール

Windows標準のコマンドプロンプトで以下のコマンドを実行します。

npm install -g typescript

Sublime Text2のビルドシステムの追加

Sublime Text2のビルドシステムにTypeScriptを追加します。
まず、[Tools] -> [Build System] -> [New Build System...]で新しいビルドシステム用のファイルを開きます。
開かれたファイルには

{
  "cmd": ["make"]
}

と書かれています。
これを以下の様に変えます。

{
 "file_regex": "(.*\\.ts?)\\s\\(([0-9]+)\\,([0-9]+)\\)\\:\\s(...*?)$",
 "selector": "source.ts",
 "cmd": ["tsc", "$file"],
 "shell":"true",
 "encoding": "cp932"
}

encodingの指定をしない場合は [Decode error - output not utf-8] というエラーが発生します。

また、shellを指定しない場合は、 [Error 2] 指定されたファイルが見つかりません。 というエラーが発生します。(私の環境だけ?)
true or false はどちらでもビルド完了します。

書き換えが終わったら TypeScript.sublime-build というファイル名で保存します。
※拡張子大事です!.sublime-buildです!!
保存先はデフォルトの[C:\Users{user_name}\AppData\Roaming\Sublime Text 2\Packages\User]です。

あとは以下の様なファイルを用意し、 Ctrl+B でビルドが完了します!

hello.ts
module Greeting{
    export class Hello{
        constructor(private text : string){
        }
        say() : void{
            console.log(this.text);
        }
    }
}
var hello : Greeting.Hello = new Greeting.Hello("Hello, World!");
hello.say();
4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4