less 环境搭建

 

安装less，输入命令 npm intall -g less 

less在webstorm中的环境配置

1.点击“file”> “settings……” 弹出设置界面，在左侧导航找到“tool”>”file Watchers” 点击“+”号按钮找到less文件选项点击添加。

配置选项如下：

Program: C:\Users\Administrator\AppData\Roaming\npm\lessc.cmd 
这里输入的是你安装的less路径 
Arguments:--no-color $FileName$ 默认的的 
Working directory:$FileDir$ 
Output paths to refresh: 
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map 

确认输入无误后点右下的“OK”按钮。然后再点Settings 版右下的“Apply”应用按钮。 
2.点击“file”–> “settings –> External Tools 点击less 
配置如下： 
Programe：C:\Program Files\nodejs\node.exe你的nodejs的安装路径 
Parameter
C:\Users\Administrator\AppData\Roaming\npm\node_modules\less\bin\lessc$FilePath$ $FileDir$\$FileNameWithoutExtension$.css

working directory：自动生成的