Less、Sass环境配置（Webstorm和Sublime两种）

1.先说Webstorm配置Less：

到Webstorm的Settings-File Watchers里面，右边的+里面添加less，然后在项目下新建.less文件就可以了，然后就会自动编译就行了。

然后就可以在Webstorm里面看见编译后的文件了。

附一个Koala下载地址：链接：http://pan.baidu.com/s/1c27xdL2 密码：zotj

2.再说Sublime配置Less：

sublime编辑器不需要安装koala,在sublime安装less和less2css两个插件就行。
新建.less文件的同时，会自动编译。或者ctrl+b编译。

注意两个问题：
1.如果需要配置less的环境变量，而且你的环境变量是通过npm安装的，你的文件路径可参考C:\Users\yangyang\AppData\Roaming\npm\node_modules\less\bin这个目录，我是默认路径的，不过你可以看看你的npm在哪，然后找到下面的lessc文件。

2.通过Sublime新建.less文件时，可以出现Unable to interpret argument clean-css......一段错误提示，只要安装less-plugin-clean-css插件就行了，
可以通过命令：npm install less-plugin-clean-css

3.Webstorm配置Sass：

首先安装RubyInstallers，然后应该是安装Sass，但是由于网络原因，所以要更换源，步骤如下：
第一步：移动默认的源

gem sources --remove https://rubygems.org/

第二步：指定ruby-china的源

gem sources -a http://gems.ruby-china.org

第三步：查看指定的源是不是ruby-china源

gem sources -l

请确保只有 ruby-china源之后。如果无误之后，执行下面的命令：

gem install sass

之后Webstorm中Sass的配置和Less差不多，只是路径要注意下，一般安装路径是在ruby安装文件夹下面bin文件夹内，我自己的路径是：C:\ruby\Ruby21\bin\sass.bat

4.Sublime配置Sass：

Sublime插件SASS-Build，当然前提肯定也是安装过了Sass。

参考文章：
http://www.daqianduan.com/6033.html
http://blog.csdn.net/friendan/article/details/50830671
https://segmentfault.com/q/1010000004992727
http://blog.csdn.net/lx583274568/article/details/52806753
http://blog.csdn.net/xuanwuziyou/article/details/48132167