在編寫(xiě)css代碼時(shí)，使用less能提高我們編程得效率。
Less 是一門(mén) CSS 預(yù)處理語(yǔ)言，它擴(kuò)充了 CSS 語(yǔ)言，增加了諸如變量、混合（mixin）、函數(shù)等功能，讓 CSS 更易維護(hù)、方便制作主題、擴(kuò)充。Less 可以運(yùn)行在 Node 或?yàn)g覽器端。
那么如何在webstorm上使用less且能夠自動(dòng)生成更新css代碼呢？我記錄一下
第一步：安裝koala軟件
koala這個(gè)由國(guó)人編寫(xiě)的，用于編譯sass、less、coffee利器，在最近的短短幾個(gè)月曝光率不亞 于任何其他的技術(shù)。
網(wǎng)盤(pán)鏈接：https://pan.baidu.com/s/1kEzI7DtO1JbK4JEdD2RYdw
提取碼：cnbn
安裝：
一直next就好了
第二步：新建一個(gè)less文件，寫(xiě)入代碼
第三步，打開(kāi)koala，點(diǎn)擊+號(hào)，選擇less所在文件目錄
點(diǎn)擊想要轉(zhuǎn)換得less文件，注：右邊要勾選autoprefix選項(xiàng)，不然css文件無(wú)法與less文件自動(dòng)同步
如果有css文件夾，less轉(zhuǎn)化時(shí)css文件的位置默認(rèn)在css目錄下，沒(méi)有的話跟less文件同一目錄
生成css文件
最后，在HTML代碼里導(dǎo)入less轉(zhuǎn)換得css文件，再運(yùn)行
<link href="css/first.css" rel="stylesheet">
工作到這里就完成了。
