sublime之插件CoffeeScript

    各位看官，小生最近在作前端自動化這塊，小有成效，記之，勿忘，同時爲後來者前行作一個路標。

    操做系統：win8

    編輯器：Sublime

1. 安裝插件

       a     ctrl+shift+p,輸入install,回車，如圖

                

      b    輸入CoffeeCompile

            

2.    安裝node

3.    安裝grunt，命令：npm install -g grunt-cli

       安裝coffee-script,命令：npm install -g coffee-script

4.    下載jashkenas-coffeescript，官方地址：https://github.com/jashkenas/coffeescript

                                                  個人地址： http://pan.baidu.com/s/1hq7nF5U 密碼: ckcu

5.    添加coffee.cmd到node安裝目錄，如圖

                    

        coffee.cmd內容以下：

                @echo  off

                node.exe 步驟4 jashkenas-coffeescript的安裝目錄 %*

6.    添加環境變量 NODE_PATH=C:\Users\你的用戶名\AppData\Roaming\npm\node_modules;

        如圖：

7.    sublime添加編譯

       在Tools->build system->中點擊 new build system,

       出現如圖：

將以下內容覆蓋：

{

"cmd": ["coffee.cmd的所在路徑", "$file"],

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

    "selector": "source.coffee",

"encoding":"cp936"

}

8.    添加語法高亮：下載CoffeeScript.tmLanguage，地址：https://github.com/jashkenas/coffee-script-tmbundle/blob/master/Syntaxes/CoffeeScript.tmLanguage

        覆蓋到：C:\Users\用戶名\AppData\Roaming\Sublime Text 2\Packages\CoffeeScript

9.    在須要自動刷新的頁面添加<script src="//localhost:35729/livereload.js"></script>

10.    在項目中添加package.json和Gruntfile.js，經過node.js command prompt工具，切到指定目錄，敲擊命令：grunt

11.     示例Demo  http://pan.baidu.com/s/1sjnY5FB 密碼: 62vb

12.     趕忙學習語法，翱翔吧！ http://coffeescript.org/