less,webstorm 自动编译输出css配置

使用webstorm自动编译less文件，省去了cmd的功夫。但是网上关于设置less目标css文件的位置的设置比较少，我找了一段时间才找到，原作者写的比较透彻了，我就不搬了，直接复制链接。感谢原作者。

希望新人能更方便的找到答案。

http://wrox.cn/article/100070637/

上面的链接没法用了，

使用下面这个

http://www.cnblogs.com/caiyuan9426/p/4663199.html

时隔数月，再次配置lessc编译，又花了好多时间。这次在深入总结一下。

这次主要记录一下webstorm的less配置原理。

如图所示，我们最初通过npm安装less后，使用的编译命令         lessc style.less style.css。

对应webstorm中，Program中就是lessc.cmd的路径，Arguments的参数就是后面的style.less style.css

下面解释一下参数

直接从别人那拷贝过来

例如项目名为 project，less文件我们放置在 project/public/less/manage/style.less

$FileParentDir(less)$ 是获取 less 目录的路径，也就是 project/public

$FileDirPathFromParent(less)$ 是获取 less 文件到 less 目录的路径，也就是 manage

$FileNameWithoutExtension$ 是获取 less 文件不带后缀的名字，也就是 style

经过如上拼接，生成的内容为 project/public/css/manage/style.css

就这样，自己尝试一次就好了。