1. 程式人生 > >less學習之編譯方法(koala使用說明)

less學習之編譯方法(koala使用說明)

今天學習了less,先總結一下less的編譯方式,我用到的編譯工具是koala,可以去http://koala-app.com/index-zh.html進行下載

進入連結後會看到這樣一個頁面

點選立即下載,進入到百度雲,我們只需要下載第二個檔案,如下


下載好後進行安裝執行,就會出現這樣一個頁面


這是英文版的,如果你想要變成中文,也可以點選左上角的齒輪進行設定,選擇簡體中文


設定好後,關閉koala,重新開啟你就會發現變成中文了


接下來就簡單的來編譯一下,首先新建一個less資料夾


我就簡單的建了一個style資料夾,在style裡面新建一個main.less,簡單的寫一句檔案頭


然後把整個less資料夾拖到koala裡面


右鍵單機style\main.less,選擇設定輸出路徑


然後填寫檔名為main.css


儲存之後style資料夾裡面就會多一個main.css檔案


這樣就完成了,之後我們只需要在main.less編寫程式碼,效果就會出現了,我這裡就不演示啦!