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まで教えていただけるとうれしいです。