網頁設計, 網頁資源

網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS

梅干 2015/02/27
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
  先前分享過《Koala》LESS/SASS 即時監控與編譯工具,方便針對LESS/SASS進行CSS的開發,但若是用SASS就得再額外裝RUBY,但Koala只支援CSS的編譯,當有在用Jade與SASS開發網頁時,電腦就得再安裝其它的軟體才能支援,實在有些麻煩,所以梅干最近發現另一套相當好用,且功能完整的編譯工具,只要安裝該軟體後,就可同時編譯Jade、Less、Sass....等,完全不用額外再裝其它的套件,且更重要的是它與Sublime text一樣,也提供永久的試用,因此在開發前端的朋友Prepros絕不容錯過。

Prepros:
軟體名稱:Prepros
軟體語言:英文
軟體性質:$29(無限期使用)
適用平台:Windows/MAC
支援語言:LESS/SASS/JADE
軟體下載:prepros.io

Step1
首先,進到下載頁面後,選擇自己所需的系統版本。
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Step2
安裝完畢後,雙響Prepros圖示,就可啟用。
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Step3
開啟Prepros後,界面與Koala相當雷同,並將要監控的專案資料夾,直接拖拉到視窗上。
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Step4
Prepros最大的好處就是,直接就可編譯SASS的檔案,且點一下.scss就可選擇編譯模式。
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Step5
接著就可選擇要輸出的格式。
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Step6
這時將編輯好的jade檔案,按下儲存後,立即就會輸出成.html檔啦!
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Step7
就連scss檔也一樣,按下儲存後,立即就會輸出成.css檔。
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Step8
當然less也是一樣,儲存完畢後,立即就會輸出成css檔。
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Step9
由於它與Sublime一樣,提供永久試用,所以也一樣三不五時會跳出購買視窗,若覺得不錯用的話,也可購買支持一下,若預算有限,可按Continue Trial就可繼續使用啦!
梅問題-網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS