上一次講了如何在瀏覽器端解析less文件，這次是在cmd中使用npm中的less模塊來解析

詳解如下

首下我們去下載一個https://nodejs.org/en/,   一路next之后，因為文件不大，就直接在C盤了

當然我個人是不推薦在C盤的，你喜歡在哪個盤就哪個盤

進入cmd

 

好，我們已經看到了node和npm的版本號了

說明我們已經成功安裝了

如果沒有看到，說明你需要在管理員權限下執行cmd

然后你需要創建兩個文件夾

在CMD中輸入

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

這樣就應該正確了

好下面，進入less中文網，我們看下怎么安裝

在安裝這一項里面，我們可以看到，$符號就不用輸了

在cmd里面輸入npm install -g less，經過漫長的等待以后，恩，好了@_@

 

如圖所示，已經安裝了

下面要找到我們的lessc文件在哪個文件夾里面了

來看C盤的nodeJS下的node_global文件夾里面找到了

那我們就從CMD里面進入這個文件夾

好，現在已經進入這個文件夾了

下面就是一個轉化語句了lessc styles.less styles.css

也就是lessc less文件的路徑 css文件的路徑

因為我的less文件在我的項目里面，也就是路徑G:\html\project_html5\css

根據轉譯語句格式，如下輸入

看結果

好了已經轉譯出來了，然后就可以直接使用了

如果有問題，那就是cmd你要使用管理員權限打開

另外，還有一個問題，當你從其他地方而沒有進入那個文件夾的時候去lessc編譯cmd就會提示錯誤，

這時需要配置環境變量了：

右擊我的電腦》屬性》高級系統設置》環境變量（高級）：

在Path中增加你less文件所在路徑即可。