# webstorm配置less注意事顶
1.安装node环境,静默安装(下一步下一步,不要修改)。
> 命令行输入
`node -v`
> 如果有结果表示安装成功
> 再次在命令行输入
`npm install -g less`
2.webstorm配置
![](https://img.kancloud.cn/7c/ac/7cac2001acc7ca7c7be1e35c5e299eab_788x481.png)
![](https://img.kancloud.cn/41/71/41718bb776b9604c5070f63900d3afbd_777x474.png)
```
Arguments:注意:
$FileName FilePrentDir/css/FileNameWithoutExtension.css --source-map
```
\*\***参数解释:**\*\*
```
$FileName$ 对less文件进行编译
$FileParentDir$ : 获取当前文件的父路径
$FileNameWithoutExtension$ : 是获取 less 文件不带后缀的名字
--source-map是为了便于排查错误
```