Less實戰（一）：快速入門

Less 是一門 CSS 預處理語言，它擴展了 CSS 語言，增加了變量、Mixin、函數等特性，使 CSS 更易維護和擴展。

Less 可以運行在 Node 或瀏覽器端。因爲 Less 和 CSS 非常像，因此很容易學習。而且 Less 僅對 CSS 語言增加了少許方便的擴展，這就是 Less 如此易學的原因之一。

---

安裝 less

npm install -g less

我這裏使用的是淘寶鏡像源，採用cnpm安裝

命令行用法

方法一： 直接進行編譯，顯示結果

$ lessc index.less

方法二： 編譯輸出爲指定的文件

$ lessc index.less index.css

我們採用的index.less代碼爲 >>>

@width:10px;
@height:@width/2;

#container{
    width: @width;
    height: @height;
}

方法一 實操演示

方法二 實操演示