以前是設計師出身的我,我相信大家最常用的就是Dreamweaver去編譯網頁檔案
但是DW真的太消耗資源,結果就愛上輕量的sublime,真是一用成主顧
因為客戶的關係,所以又接觸less,但苦在sublime無法直接編議成CSS
所以找遍了網路上文章,終於彙整以下的資訊,希望對大家有幫助!
Sublime3 前置準備
- 請先灌好Sumblime3, SUBLIME傳送門
- 安裝Sublime3 的外掛 Package Control
- 在白框內搜索 LESS ,LESSC , LESS2CSS ,都必須安裝喔,不然可能會出現以下的錯誤
- 請先灌好Nodejs ,Sublime的編譯CSS功能有一部份也需要Nodejs 的支援,所以請好好地安裝 NodeJs傳送門
- 執行全域安裝LESS,快捷鍵 Window+R ,並輸入指令 npm install -g less
- 另外再照上述步驟把CMD叫出來,安裝一個外掛 less-plugin-clean-css
再來就可以實際的測試啦,在less的檔案編輯檔案後,按下 CTRL+S,就可以存出一模一樣的.CSS的檔案
是不是很方便呢!!
如果喜歡我們寫的文章,請再麻煩多關注我司的官網!!感謝
