Webstorm配置LESS自動編譯CSS

1. 失敗了好幾次，第二天又操作了一番，竟然又成功了，以下照常規(guī)步驟。

2. 安裝node.js (下載地址：https://nodejs.org/ )

記下安裝路徑，如(我的是默認) C:\Program Files\nodejs

3.打開命令行工具cmd，進入nodejs安裝目錄，輸入命令：

回車，再輸入命令：

cd C:\Program Files\nodejs

4.使用node來安裝less，輸入命令：

npm install -g less

默認安裝路徑：C:\Users\Administrator\AppData\Roaming\npm\node_modules\less\.bin\lessc

5. 然后，我是裝了一個webstorm的LESS CSS Compiler

安裝方法：打開“WebStorm”，按“File >> Settings >> Plugins”進入插件安裝界面，通過“Install plugin from disk…”按鈕，選擇下載的安裝包進行安裝。安裝完成后，重啟即可。

6. 當我再次修改LESS文件時，提示我設(shè)置File Watchers,點擊進入設(shè)置,

如圖。

Program:C:\Program Files\nodejs\node_modules\.bin\lessc.cmd

Arguments:$FileName$ $FileNameWithoutExtension$.css --source-map

Output path to refresh:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

7.然后竟然可以了,不知道是什么緣故，大家動手試一試吧。

WebStorm版本：2018.1

亚洲精品nv久久久久久久久久,亚洲v欧美v日韩v国产v,午夜熟女插插xx免费视频,亚洲欧美精品suv,无码国产色欲xxxxx视频