CoffeeScript的Sublime Text 2開發環境配置

2gua發表於2012-06-29

【發一篇,祝圖靈明天的生日盛會熱鬧開心】

接上篇:Windows下安裝NodeJS和CoffeeScript方法 http://www.ituring.com.cn/article/details/4048

Sublime Text 2很好很強大,我們就用它來編輯Coffee程式碼吧。

安裝Sublime Text 2過程就略過了。

實現語法著色

到https://github.com/jashkenas/coffee-script-tmbundle/tree/master/Syntaxes下載CoffeeScript.tmLanguage這個檔案,用Git來Get它吧,不要直接右鍵下載,或者直接進入這個檔案複製黏貼。

在C:\Users\username\AppData\Roaming\Sublime Text 2\Packages裡新建一個目錄CoffeeScript,把Get下來的CoffeeScript.tmLanguage放裡面。

執行Coffee程式

開啟Sublime Text 2,選單操作:Tools -> Build System -> New Build System...,輸入如下:

{

    "cmd": ["C:\\Program Files\\nodejs\\coffee.cmd", "$file"],

    "file_regex": "^(...*?):([0-9]*):?([0-9]*)",

    "selector": "source.coffee"

}

這裡的coffee.cmd就是上篇《Windows下安裝NodeJS和CoffeeScript方法》第一種方式建立的檔案,在你的Windows環境裡,把上篇的兩種方式都實現,我覺得用起來比較方便。

C:\Program Files\nodejs\coffee.cmd的路徑一定要正確,否則會報“error 2”錯誤程式碼。

然後命名為Coffee.sublime-build,儲存到剛才建立的CoffeeScript目錄中,也就是跟CoffeeScript.tmLanguage放在一起。

以上搭建好了CoffeeScript的Sublime Text 2開發環境,接下來測試一下:

新建hello.coffee檔案:

console.log 'Hello, Coffee! Hello, DP!'

CTRL+B,執行:

enter image description here

相關文章