什么是less
Less是一種動態樣式語言，屬於css預處理語言的一種。它使用類似CSS的語法為CSS的賦予了動態的特性，如變量、繼承、運算、函數等，更方便css的編寫和維護實現css模塊化。less 可以在多種語言，環境中使用，包括瀏覽器端、桌面客戶端、服務端。
通過css預處理技術可以很好的提升css的編程性，提高css代碼的開發效率和可維護性，目前比較熱門的相關技術有Sass、Less CSS、Stylus、Compass等
less官方文檔（中文版）：https://less.bootcss.com/#%E6%A6%82%E8%A7%88
1.安裝less
在服務器端安裝 LESS 的最簡單方式就是通過npm(node 的包管理器)，所以要先下載node.js
下載地址：https://nodejs.org/en/
安裝Node.js的時候會自動安裝npm
然后，安裝lessc模塊
打開cmd控制台
輸入下面一行npm命令，安裝less模塊：-g是全局安裝，如果不加會安裝在當前目錄。
npm install less -g
2.在webstorm中設置less
打開webstorm ，找到 File -> Settings -> Tools -> File Watchers
添加一個 less 選項
PhpStorm: 會自動識別lessc.cmd文件，如果不能識別，手動找到npm目錄的lessc.cmd文件即可
Arguments: 選擇之前記錄的那個目錄下 lessc 文件所在的路徑， 后面加$FileName$
Working directory: 不用改，默認就好
Output...: 就是指編譯后css的存放路徑，設置編譯后的css文件存放的路徑以及取什么名字以及后綴。默認就好
這樣在項目里編輯less文件時，會自動時時生成css文件了
效果如下：
