你現(xiàn)在的位置：首頁(yè)>新聞中心> 正文

Webstorm配置LESS自動(dòng)編譯CSS

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

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

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

3.打開(kāi)命令行工具cmd，進(jìn)入nodejs安裝目錄，輸入命令：

回車，再輸入命令：

cd C:\Program Files\nodejs

4.使用node來(lái)安裝less，輸入命令：

npm install -g less

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

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

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

6. 當(dāng)我再次修改LESS文件時(shí)，提示我設(shè)置File Watchers,點(diǎn)擊進(jìn)入設(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.然后竟然可以了,不知道是什么緣故，大家動(dòng)手試一試吧。

WebStorm版本：2018.1

一区二区三区高清av电影,骚逼AAA免费,插鸡鸡网址在线观看视屏,龟头肏美女阴道少妇视频