読者です 読者をやめる 読者になる 読者になる

TypeScript + Sublime Text 2

TypeScript を触りたくなったので、Sublime Text 2 で快適に書くために準備しました。
忘れないように記録しておきます。環境は Mac OS X Lion です。
思い出しながら書いてるので、間違ってたらごめんなさい。

TypeScript のインストール

$ npm install typescript -g
$ tsc
Syntax:   tsc [options] [file ..]

Examples: tsc hello.ts
          tsc --out foo.js foo.ts
          tsc @args.txt
...

シンタックスハイライトする

http://blogs.msdn.com/b/interoperability/archive/2012/10/01/sublime-text-vi-emacs-typescript-enabled.aspx
ここから Sublime Text 用の定義ファイルを DL します。
DL したフォルダを ~/Downloads とします。

$ cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/
$ mkdir TypeScript
$ cd ~/Downloads
$ unzip typescript_support_for_sublime_text.zip
$ cd TypeScript\ support\ for\ Sublime\ Text/
$ cp typescript.tmlanguage ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/TypeScript

完了。

F7 でビルドできるようにする

http://blog.hugeaim.com/2012/10/03/build-typescript-with-sublime-text-2/
投稿者の方に感謝しつつスクリプトを選択->コピー
僕の環境では上のスクリプトがうまく動かなかったので、

    "path": "/usr/local/bin:/opt/local/bin"

    "path": "/Users/{user}/.node/v0.4.9/bin/"

にしました。
他にも動かない方がいましたら、which tsc ってやって出た結果から tsc を抜いたのを指定すれば動くと思います。
あと、フォルダ構成の都合上、

    "cmd": ["tsc","$file"],

    "cmd": ["tsc","--out","../js/$file_base_name.js","$file"],

にしました。
そして

$ cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/
$ mkdir TypeScript-Build
$ cd TypeScript-Build
$ pbpaste > TypeScript.sublime-build

で完了です。

間違ってたりここおかしいんじゃね的なのは

@nash_fsまで教えていただけるとうれしいです。