《SASS》單鍵自動建立專案產生器

梅問題-SASS新專案自動產生器
  前幾天分享了SASS環境的建立,與在Sublime Text編輯器的使用,應該大家對於SASS有了一些基本的認識了,雖然說SASS在寫CSS快速許多,但是否會覺得,每次當要建立新專案時,就得先開啟命令字元,進到要建立的目錄下,並輸入相關指令,當建立好專案的資料夾後,開始寫SASS若要即時轉成CSS時,就得再輸入相關指令,實在有點小麻煩,所以梅干最近就麻煩了西毒鄧教授,有沒有快速建立專案的方法,沒想到西毒鄧教授三、二下就搞定,現在只要雙響那個批次檔,就會自動建立專案,並且在專案目錄下,還會自動產生即時轉檔的指命,因此就不用再記那些指令啦!單鍵就可建立SASS的專案,至於怎麼用,現在就一塊來看看吧!

SASS專案產生器:
適用平台:Windows
檔案下載:本站下載

Step1
下載解壓縮,將new-project.cmd的檔案,放到要建立專案的目錄下。
梅問題-SASS新專案自動產生器
Step2
接著雙響new-project.cmd檔,當開啟命令字元視窗後,再輸入專案的名稱。
梅問題-SASS新專案自動產生器
Step3
按下Enter鍵後,就會開始建立了。
梅問題-SASS新專案自動產生器
Step4
當專案建立完畢後,命令視窗會自動關閉,這時在剛的目錄下,就會看到已建立好的專案資料夾。
梅問題-SASS新專案自動產生器
Step5
連入專案的資料夾後,就會看到watch.bat那是用來,即時監控與轉檔時用的。
梅問題-SASS新專案自動產生器
Step6
進到Sublime Text將剛建立好的專案給加入。
梅問題-SASS新專案自重產生器
Step8
加入好後,分別將scss與css給開啟,接著雙響專案目錄下的watch.bat檔。
梅問題-SASS新專案自動產生器
Step9
這時邊寫就會邊轉檔啦!超方便的就不用每次還得key半天,有在寫sass的朋友,這隻專案自動產生器,絕不容錯過喔!
梅問題-SASS新專案自動產生器

相關文章

MAC專用隨身硬碟「G-DRIVE ev ATC」抗震、耐壓、防水與7200轉快速儲取

MAC專用隨身硬碟「G-DRIVE ev ATC」抗震、耐壓、防水與7200轉快速儲取

jQuery教學-RWD自適應導覽列多層級下拉選單

jQuery教學-RWD自適應導覽列多層級下拉選單

Adobe Photoshop CC RWD 感應式網頁應用與整合講座內容總整理

Adobe Photoshop CC RWD 感應式網頁應用與整合講座內容總整理

Adobe Photoshop CC RWD 感應式網頁應用與整合講座隨手活動記錄

Adobe Photoshop CC RWD 感應式網頁應用與整合講座隨手活動記錄

開箱文-梅問題工作室打造極簡工業風落成開箱

開箱文-梅問題工作室打造極簡工業風落成開箱





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 6 梅留言

  • 第3梅
    Focus 說道:

    不能下載哦,梅姐姐。

  • 第2梅
    Gill 說道:

    好像無法下載丫 >"<

  • 第1梅
    stan 說道:

    請問一下,我安裝成功,也可以寫SASS,也用了梅大推薦的SASS 專案產生器

    1.我想問的是,我有啟動watch.bat,Sublime開雙視窗,SASS編輯存檔後,似乎需要在css的視窗點一下,才會編譯(更新),怎樣才能達到SASS存檔 CSS檔就能自動編譯更新?

    是否我還需要安裝什麼套件呢?

    2.多請教一件事,怎樣可以讓sublime編輯後,browser可以自動refresh?

    回應:
    可參考此文章
    https://www.minwt.com/html/10827.html