SublimeText2でCoffeeScriptを書くための環境設定(Windows)

おはようございます。muchoです。

前回、MacOS版SublimeText2でCoffeeScriptを使えるようにしましたが、
Windowsでも同じようにしてしまおうということで、やってみました。
これまたいつの日か同じことをやることになりそうなのでメモ。

Node.jsもPythonも入ってない前提で

1.Python2.7のインストール
http://www.activestate.com/activepython/downloads
2.7.2.5のインストーラーを選択
デフォルトで”C:\Python27″にインストールされます。
とりあえずそのままやってみました。
コマンドプロンプトを起動して、python –version と打ってバージョン番号が
出ればPythonは無事完了。

2.Node.jsのインストール
http://nodejs.org/
私が試したときは0.6.15
何の選択肢も出ずに”C:\Program Files\nodejs”にインストールされます。
ええー。そこでいいのかー?と思ったんですが、これまたそのまま続行。
再びコマンドプロンプトを起動して、node -v か、npm -v
うまくいっていればバージョンが表示されます。
なんとnpmも一緒にインストールされてくれてました。ステキ。

3.CoffeeScriptのインストール
コマンドプロンプトで

[code lang="js"]

npm install -g coffee-script

[/code]

これで “C:\Users\<ユーザー名>\AppData\Roaming\npm\”にインストールされます。

4.SublimeText2にCoffeeScript用のパッケージを追加する
・コマンドパレットを起動して(
メニュー - Tools – Command Palette(Ctrl+Shift+P)
)
・Package Control: Install Package を選択
・パッケージの一覧からCoffeeScriptを選択
・メニュー - Preference - Browse Packages… を選択
・”Packages\CoffeeScript\Commands\CoffeeScript.sublime-build”を開いて
 下記のように修正

[code lang="js"]

 {
"path": "$HOME/bin:/usr/local/bin:$PATH",
"cmd": ["coffee","-c","$file"],
"file_regex": "^(...*?):([0-9]*):?([0-9]*)",
"selector": "source.coffee"
}
↓
{
"cmd": ["coffee.cmd","-c","$file"],
"file_regex": "^(...*?):([0-9]*):?([0-9]*)",
"selector": "source.coffee"
}

[/code]

以上で環境は出来上がりました。
確認のために以下のような適当なスクリプトを書いて
“hello.coffee”とか名前を付けて保存

[code lang="js"]

console? log? "Hello world"

[/code]

メニュー - Tools – Build System で CoffeeScriptを選択し、
メニュー - Tools – Build(ctrl+b)でビルド

うまくいけば[Finished]と表示されて、hello.coffeeと同じフォルダに
hello.jsが出来てるはずです。