1. 程式人生 > >webstrom配置less自動編譯

webstrom配置less自動編譯

一、安裝nodejs;
二、使用npm安裝less;(自行百度)
三、less在webstrom中的配置:
這裡寫圖片描述
這是我自己的配置:
Program:

C:\Develop\nvm\npm\lessc.cmd

要引用nodejs目錄下中的npm目錄中的lessc.cmd,我是安裝了nvm;

Arguments:

$FileName$
$FileParentDir$\css\$FileNameWithoutExtension$.css
--source-map

解釋:

$FileParentDir$ : 獲取 less 目錄的路徑
$FileDirPathFromParent
(less)$ : 是獲取 less 檔案到 less 目錄的路徑 $FileNameWithoutExtension$ : 是獲取 less 檔案不帶字尾的名字

所以會生成如下目錄:
這裡寫圖片描述