LESS官方文件

一、通過命令列進行編譯(可實時監聽並編譯)

用起來比較複雜，但效率比較高.

1. 步驟一：安裝Node.jsnodeJS下載地址

   // 配置環境變數
   右鍵點選計算機-[屬性]-[高階系統設定]-[高階]-[環境變數]-[系統變數]-[新建]  
   NODE_PATH=安裝地址  
   
   // 通過windows自帶的cmd來測試NodeJS和npm的版本 
   // 使用命令列檢視版本，檢測是否安裝成功 (npm是NodeJs自帶的包管理工具)
   node -v  
   npm -v  

2. 安裝Less

   // 安裝Less到全域性(-g)
   npm install less -g
   // 使用less命令檢視版本，檢測是否安裝成功
    
   
   lessc -v 
   // 編譯指定Less檔案 
   lessc main.less ./css/main.min.css

3. 安裝CSS壓縮外掛

   npm install less-plugin-clean-css -g
   // 編譯並壓縮檔案
   lessc main.less ./css/main.min.css --clean-css

4. 裝自動實時編譯Less檔案外掛

   // 安裝 watcher-lessc 外掛到全域性
   npm install watcher-lessc -g
   
   // watcher-lessc 常用命令
   -i  表示輸入檔案，後面跟要編譯的less檔案 (必要)
   -o  表示輸出檔案，後面跟要編譯出來的css檔案 (必要)
    
   -d  指定要監視的輸入目錄
   -c  壓縮css檔案
   -p  有@import匯入項 (測試發現不加也是可以的)
   
   // 指定輸入 .less 檔案和輸出 .css 檔案
   watcher-lessc -i index.less -o css/index.min.css
   
   // 監聽指定輸入目錄
   watcher-lessc -i index.less -o css/index.min.css -d ./less
   
   // 編譯並壓縮
   watcher-lessc -i index.less -o css/index.min.css -d ./less -c