在學(xué)習(xí)less之前,我們需要對css有簡單的了解,CSS 是一門非程序式語言,沒有變量、函數(shù)、SCOPE(作用域)等概念。CSS 需要書寫大量看似沒有邏輯的代碼,冗余度是比較高的。不方便維護(hù)及擴展,不利于復(fù)用。也沒有很好的計算能力。
而Less是一門向后兼容的 CSS 擴展語言,也稱為 CSS 預(yù)處理器。在 CSS 的語法基礎(chǔ)上,引入了變量,Mixin,運算以及函數(shù)等功能,簡化了 CSS 的編寫,并且降低了 CSS 的維護(hù)成本,擴展了 CSS 的動態(tài)特性。
Less的安裝可以通過node運行的方法,如果使用的是vscode則無需安裝。有關(guān)node的內(nèi)容可以點擊此鏈接>>查看。
基于 node.js 在線安裝 Less,使用 cmd 命令輸入 npm install -g less 即可。
檢查是否安裝成功,使用 cmd 命令 lessc -v 查看版本即可。
如圖所示,若成功打印less的版本,則安裝成功。
安裝完less后,我們便可以使用變量,Mixin,運算以及函數(shù)等功能。