最近在學習less,感覺可以編譯的CSS真是爽,懶人必備。
1、我這里使用到koala軟件來編譯less文件生成CSS。
附上百度網盤下載鏈接: 下載鏈接
密碼: heqj
最新版本:官網鏈接 如下圖:
好了,不管你是用最新版本還是用我百度網盤的,第一步,先安裝后並運行這個koala軟件。選擇設置,更改語言為簡體中文,記得關閉軟件重啟字體更改才會生效。
接下來,我們在桌面創建一個Less文件夾,里面繼續創建css和less文件夾和demo.html
我又在CSS文件夾下創建了less文件夾中demo.less
直接上一張GIF如下
從我的動態圖可以看到,軟件已經給我生成了demo.css那么我的demo.html就可以直接使用了
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>koala的使用--學習less</title> <link rel="stylesheet" href="css/demo.css"> </head> <body> <div class="less1"></div> </body> </html>
好了,軟件的使用就先到這里,less教程將在下一章開始。
順便把 sublime 工具 less 代碼高亮的實現方法也說一下。
第一步,先下載插件代碼,我提供了百度下載鏈接 : Less高亮sublime插件
密碼: zr13
下載完了,記得解壓(由於我直接壓縮的,所以記得解壓到文件夾,如下圖)
第二步,打開 sublime 如下圖
左鍵 瀏覽插件,然后將解壓后的LESS文件夾放到這里就行
很好,到這里插件就已經可以使用了,
第三步,打開之前創建的demo.less
好了,sublime 工具已經支持高亮顯示了