close
Blogtrottr
♣梅問題‧教學網【Minwt】♣
3C|設計|攝影|旅遊 資訊網 
網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS
Feb 27th 2015, 00:00, by admin

梅問題－網設必備《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
引用網址： ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！謝謝。
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處，謝謝。

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 kkoxhcfqr4v4f 的頭像
    kkoxhcfqr4v4f

    線上遊戲排行榜2013/2014,進擊的巨人線上看,candy crush saga外掛,正妹寫真三圍

    kkoxhcfqr4v4f 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄