1、koala軟件的安裝和使用--less教程


最近在學習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   工具已經支持高亮顯示了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM