安装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:自动生成的