最近换了个新电脑（Windows），重新安装了下less和sass，同时在idea中重新配置，顺便做个记录。
一、安装Less
1、安装nodejs
从官网下载安装就可以了，具体的安装步骤及配置可以看这篇文章，写的很是详细了
2、安装Less
打开命令行，输入npm install -g less就可以了。
二、安装Sass
1、安装Ruby
从官网下载Ruby，直接下载WITH DEVKIT版本就可以了，下载后根据提示进行安装。
安装完成后，在命令行输入ruby -v查看版本号，如果能正确显示版本号，则说明安装成功。
因为国内网络问题（你懂的←_←）需要更换gem源，Sass官网上说使用淘宝的gem源https://ruby.taobao.org/，貌似这个地址也不好使了，查了一下，改成https://gems.ruby-china.com/这个地址就好了。
还是打开命令行
1）删除原gem源
gem sources --remove https://rubygems.org/
2）添加要更换的gem源
gem sources -a https://gems.ruby-china.com/
3）打印是否替换成功
gem sources -l
4）更换成功后打印如下
*** CURRENT SOURCES ***
https://gems.ruby-china.com/
2、安装sass和compass
到现在我们就可以愉快的安装sass和compass了
命令行里输入
gem install sass
gem install compass
安装完成后可以输入 sass -v和compass -v查看sass和compass的版本号以确定是否安装成功。
三、Less在idea中的配置
1、安装nodejs插件
打开idea→settings→plugins 安装：nodejs插件
2、安装file watchers插件
3、安装LESS CSS Compiler插件
从官网下载插件LESS CSS Compiler
打开idea→settings→plugins→Install plugin from disk，选择下载好的插件安装即可。
安装完插件需要重启idea。
4、添加less配置
打开idea→settings→tools→file watchers，点击右边的+号，选择less添加。
直接点击ok确认即可。到此less就算配置好了。新建一个less文件编写，编译好的css文件会自动输出到同级目录下。
四、Sass在idea中的配置
1、安装file watchers插件（之前配置less时安装过了ヾ(≧ ▽ ≦)ゝ）
2、添加sass配置
打开idea→settings→tools→file watchers，点击右边的+号，选择Compass Scss添加。
Arguments中填：--no-cache --update $FileName$:$FileNameWithoutExtension$.css
这样sass就配置好了，新建一个scss文件编写，编译好的css文件会自动输出到同级目录。
