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