日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

less编译工具——koala使用介绍

發布時間:2023/12/19 综合教程 36 生活家
生活随笔 收集整理的這篇文章主要介紹了 less编译工具——koala使用介绍 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

   

  1:使用koala編譯軟件

    官網:http://koala-app.com/index-zh.html(目前官網點擊下載沒有反應,有人說可能是網絡問題,但真正的原因是需要翻墻才能下載了)

    百度網盤:https://pan.baidu.com/s/1dEYL3Df 密碼: ywx5 (這里提供一個koala 2.0.4的安裝包)

   安裝完,雙擊koala圖標,會彈出如下圖所示界面,箭頭所指是你項目需要編譯的less文件

  

這里需要注意的是,要鼠標右鍵需要編譯的less文件,然后設置文件路徑(就是你需要編譯的less文件所在路徑),如下圖:

   然后鼠標左鍵點擊less文件,會彈出下圖所示右邊的編譯界面。這里默認自動編譯,然后選擇normal,在點擊執行編譯即可

   

編譯成功后會有成功提示,如下圖:(編譯成功以后,你的項目文件里除了less文件,就會多一個與less文件名相同的css文件)

  

  

當然這里除了normal選項,也是可以選擇compress選項的,它們的區別在于,normal不會把編譯less文件后的css文件格式化,compress則會格式化,如下圖:

這樣開發的時不候不太方便,所以建議還是選擇normal

注:因為此版本不是最新版,所以打開該編譯軟件的時候會彈出到官網升級的提示,直接關掉即可,當然如果你可以翻墻的話,請無視(23333)

補充說明:

如果你用的是Hublider編輯器,可以不用koala編譯,Hublider自帶編譯less插件。如下圖:

個人覺得Hubilder自帶的編譯less插件更好用,你只需要在新建的less文件里面隨便寫一個樣式,然后保存,就會自動生成一個同名的css文件。

之后你只需要修改less文件里的樣式代碼,然后保存。同名css文件會自動同步更新并解析。

   

總結

以上是生活随笔為你收集整理的less编译工具——koala使用介绍的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。