安裝Nodejs、npm、Less（支持生成壓縮后的css）

安裝Nodejs和npm

1.到https://nodejs.org/en/下載最新的版本，安裝到d盤下，假設安裝后的路徑為D:\Program Files\nodejs，

筆者當前的版本v6.10.1，已經集成了npm，可以從

【開始】-【所有程序】-【Node.js】-【node.js command prompt】，打開命令行（經筆者測試直接用windows自帶的cmd也可以），

輸入以下命令查看Nodejs和npm的版本。

//查看nodejs版本
node -v
//查看npm版本
npm -v

看到以下提示說明安裝成功

 
2. 添加環境變量，在桌面上點鍵計算機-【屬性】-【高級系統設置】-【高級】-【環境變量】-【系統變量】-【新建】： 
 

NODE_PATH=D:\Program Files\nodejs\node_modules\npm\

安裝Less

1. 操作前確定成功安裝less，檢測方法，在命令行（cmd）,輸入lessc -v，看到如下類似內容，則說明安裝過了
2. 
3. 在【Node.js command prompt】里輸入以下命令

d:
cd D:\Program Files\nodejs\node_modules\npm
//下面命令是安裝less，注意一定要有-g，否則還得做些其他工作
npm install less -g
//下面命令用於安裝css壓縮插件
npm install less-plugin-clean-css

安裝完成后就可以使用lessc的命令了

//下面命令編譯less文件生成css
lessc d:\styles.less d:\styles.css
//下面命令啟用css壓縮插件，生成壓縮后的css文件
lessc d:\styles.less d:\styles.min.css -clean-css

上面的命令保能處理單個less文件，可以在WebStorm里配置Watcher，在編輯less文件的同時，自動生成css文件