如何为WebStorm设置SASS的File Watchers

如何为WebStorm设置SASS的File Watchers

Webstorm牛叉IDE现工作每都用
近始用SASSLESS等写CSSWebstorm自带File Watchers功能设置即实编译SASSLESS等
LESS实编译简单node平台安装即
折腾SASSWebstorm实编译花我点间按照网教程设置都功自设置改改终于折腾
面WebStorm设置SASSFile Watchers步骤：
1. 安装Ruby
载安装
2. 安装Sass
安装Ruby打CMD命令输入：
gem install sass

注意：
能安装没反应或提示网络错误解决办使用淘宝Ruby gem镜像：
$ gem sources --remove
$ gem sources -a
$ gem sources -l
*** CURRENT SOURCES ***

# 请确保 ruby.taobao.org
$ gem install sass

3. 面都安装没问题设置Webstorm或PHPStorm
3.1 打Webstorm设置界面搜索File Watcher；
3.2 点击File Watchers界面增加按钮；
3.3 设置界面：
注意：
想用SCSS并且Ruby安装默认路径File Type:Program：设置我；
用SASS新建应该选择SASS类型Program：应该选sass.bat