1. 程式人生 > >1、koala軟件的安裝和使用--less教程

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

技術分享 demo pan lin target body koa app 密碼

最近在學習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教程將在下一章開始。

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