認(rèn)識Less
1.首先它是干嘛的
2.如何配置它
3.用sublime編輯器如何讓它的代碼高亮博杖，提升編碼質(zhì)量
4.它的語法難嗎
5.我要怎么編譯它，轉(zhuǎn)成我要用的css(基于less的工具,node實(shí)現(xiàn))
我們先來看下官網(wǎng)怎么說的
一種動態(tài)樣式語言.
LESS將CSS賦予了動態(tài)語言的特性筷登，如變量剃根，繼承，運(yùn)算前方，函數(shù). LESS既可以在客戶端上運(yùn)行(支持IE 6+, Webkit, Firefox)狈醉，也可以借助Node.js或者Rhino在服務(wù)端運(yùn)行。
也就是說它最終輸出的還是我們所認(rèn)識的css惠险， 它具有動態(tài)的語言特性苗傅。所以，它最終還是一個工具班巩，并不是取代我們的css渣慕，這一點(diǎn)要記住。既然是工具，那一定有它的運(yùn)行環(huán)境：
環(huán)境配置
我在用的時候摇庙，看過別人的博客寫的一些文章旱物，有講在瀏覽器端引入less.js文件的等等用法，但是我個人認(rèn)為卫袒，有好的工具可以用宵呛，為什么要糾結(jié)怎么用呢，比如基于webpack的夕凝，這些都是很好的工具宝穗。下面我給大家分享一下我個人用的工具（當(dāng)然，各有所好码秉，你也可以去官網(wǎng)上把方法都試一下）
因?yàn)槭腔趎ode的逮矛，所以第一步要搭建好node環(huán)境：（因?yàn)椴皇侵攸c(diǎn)介紹node,所以簡單的搭建一下）
Node.js安裝包及源碼下載地址為：https://nodejs.org/en/download/
官網(wǎng)有不同操作系統(tǒng)的版本，根據(jù)你的電腦转砖，下載合適的版本進(jìn)行安裝须鼎。
詳細(xì)參考這里：http://www.runoob.com/nodejs/nodejs-install-setup.html
安裝好以后我是試一下是否安裝成功：（命令行工具 windows:在開始那打cmd ）
node --version? npm --version （安裝好后這個包工具一般自帶）
成功它會返回版本號
簡單的搭建就到這里，下面我們進(jìn)入今天要講的less
命令行輸入：
npm install less -g? （-g全局可以使用府蔗，就是你在d盤和桌面都可以調(diào)用它）
你也可以指定版本號：
npm install less@1.6.2 -g
當(dāng)然你也可以檢測它是否安裝成功：
lessc --version (注意輸入的是lessc）
使用它：
Usage: lessc [option option=parameter ...][destination]
給大家一個實(shí)例：
lessc -x ./less/index.less main.css
意思就是用這個編譯工具去編譯當(dāng)前目錄less文件夾下的index.less文件 編譯成功后晋控，結(jié)果輸出到當(dāng)前目錄下的main.css文件中，如果不存在main,會自動創(chuàng)建,這里只需要在html文件中引入main.css的文件就可以了姓赤。這個工具的好處是赡译，它可以壓縮代碼，很神奇吧~~
對于有強(qiáng)迫癥的同學(xué)來說不铆，當(dāng)你很努力的敲上一段代碼時蝌焚，你的編輯器全是灰灰的代碼，估計(jì)連繼續(xù)寫下去的想法都沒有了~誓斥。這里給大家介紹一個sublime的插件只洒，可以高亮less文件中的代碼哦~~~
下載地址：https://github.com/danro/LESS-sublime/zipball/master
如何去安裝它（sublime）
菜單欄首先找到首選項(xiàng)，選擇第一個劳坑，它會打開瀏覽插件的目錄红碑，然后新建less的目錄，將你剛剛下載的壓縮包解壓到那個文件夾泡垃，ok安裝好。緊接著使用它就好了羡鸥，來看圖：
是不是很簡單~~~
語法介紹
給大家介紹常用的用法：
1.變量
恩惧浴，這個詞不陌生存和，js中常提到。
@color: red;
body{ background: @color;}
從代碼看，很容易理解捐腿，就是將需要的值存在一個代碼中纵朋，可以帶不同的地方調(diào)用它。改的時候茄袖，只需要改一處就好了操软。
2.混合
先看一個代碼：
是不是看上去很簡潔呢？ less還是很強(qiáng)大的宪祥。
3.嵌套規(guī)則
我們可以在一個選擇器中嵌套另一個選擇器來實(shí)現(xiàn)繼承聂薪，這樣很大程度減少了代碼量，并且代碼看起來更加的清晰蝗羊。
4.函數(shù)&運(yùn)算
運(yùn)算提供了加藏澳，減，乘耀找，除操作翔悠；我們可以做屬性值和顏色的運(yùn)算，這樣就可以實(shí)現(xiàn)屬性值之間的復(fù)雜關(guān)系野芒。LESS中的函數(shù)一一映射了JavaScript代碼蓄愁，如果你愿意的話可以操作屬性值。
這里要提的是复罐，不能瞎運(yùn)算涝登，舉個例子，可能你會疏忽這樣寫： .red(@length*4) 效诅，不信的話胀滚，你編譯一下，它會報錯的乱投。
5.注釋
CSS 形式的注釋在LESS 中是依然保留的
LESS 同樣也支持雙斜線的注釋, 但是編譯成CSS 的時候自動過濾掉
6.其他
當(dāng)然less還有一些高級語法咽笼，在這里就不一一介紹了，給大家貼個手冊戚炫，感興趣的剑刑，看一看。
別人曾經(jīng)在學(xué)習(xí)上給了我很大的幫助双肤，如今我也想寫點(diǎn)東西去幫助別人施掏，僅此而已
