webstorm less Filewatcher

环境：mac电脑，webstrom安装完成；window应该大同小异（我没测试过）

1，下载nodejs，并且安装

2，安装less（任意目录） 记下安装的目录，如下/user/local/lib/node_modules/less

npm install less -g（非root用户记得用sudo）

3，在webstorm里面配置less.

打 preferences 

配置说明：

Program: 这里面是node的安装目录（不清楚用which node查询）

Arguments: 2中记录下的目录，后面添加$FileName$

Working directory：保持默认不变即可

Enviroment variales:缺省即可

Output pats to refresh :是编译less文件后对应css文件的位置

例如我的所有less文件最后都会编译到一个style.css文件中，而这个sytle.css文件的目录（项目工程）是

/Users/haiming/GobiBuildProject/tshbao/web/site-v2/front/resources/css/style.css

将其放入其中即可

配置完成，webstrom会自动帮我们编译less文件

show console是打印编译时候的日志，改成error，这样只有在error时候才会打印日志

我们也可以通过命令行来编译

在less项目目录下执行，如下图：