
Jade:
Step1
首先,進到Node.js官網,點下方的「INSTALL」鈕,下載安裝套件,而這邊有趣的是,這平台會自動偵測你的平台,所以若是使用Windows平台,則會下載Windows的安裝檔。

Step2
下載完畢後,雙響進行安裝。

Step3
當安裝完畢後,開啟終端機,Windows則是開啟命令字元,並輸入下方語法。
mac:
sudo npm install jade --global
win:
npm install jade --global

Step4
開啟Sublime Text,並按command(ctrl)+shift+p,再輸入install package。

Step5
這邊要安裝Jade與Jade Build這二個套件。

Step6
安裝完畢後,就可開始使用囉!首先,先加入一個專案。

Step7
建立一個新頁面,並將右下角設為Jade(Python),而有Python與沒有差別在於,Python所產生的html會換行。

Step8
有沒有覺得碼變得好直覺、好簡單,只要寫HTML的tag就好,完全不用管收尾,當寫完後,再按「 Tools / Build」。

Step9
接著就會轉成 html 檔啦!是不是方便許多呀!

Step10
若發佈不出來的話,再按 「Tools / New Build System」。

Step11
再輸入下方的語法。
{
"cmd": ["jade", "$file", "--pretty"],
"selector": "source.jade",
"path": "/usr/local/bin"
}
"cmd": ["jade", "$file", "--pretty"],
"selector": "source.jade",
"path": "/usr/local/bin"
}

Step12
接著將它儲存起來。

Step13
這時在Build System就會看到,剛所儲存的選項了。
