Ruby
sass（scss）
HBuilder
去Ruby（RubyInstaller）官网下载Ruby安装文件（版本随意）下载之后，安装Ruby文件（安装路径最好是默认的）（安装过程中注意勾选Add Ruby executables to your PATH添加到系统环境变量）
然后通过安装后的Ruby安装sass（gem install sass）再检查sass安装是否成功（sass -v）出现sass版本号就是安装成功了
在使用sass之前先说明一下sass和scss区别区别一个是后缀方式不一样（.sass/.scss）；另一个是语法方式不一样（sass书写方式比较严格，scss书写方式和css类似。所以对于已经熟练css书写方式的人，可以使用scss。sass和scss在语法上没有区别，所以sass和scss语法是通用的）举个例子如下图（大概是这样的）
运用sass/scss语言使用HBuilder编辑器可以直接自动编译打开HBuilder编辑器 —— 工具 —— 预编译器设置
然后选择.sass,.scss，点击旁边的编辑，出现预编译器配置框（把该填的填上，跟下方图片中填写参数一样也行）最后确定就可以了，再运行HTML页面代码时，就会自动编译sass或scss代码生成两个文件（sass.css和sass.css.map）
手动编译（有些复杂）需要打开Ruby命令，然后找到存放sass.scss文件夹的位置输入命令sass sass.scss sass.css 回车之后会生成两个文件（sass.css和sass.css.map）建议选用自动编译方式，因为方便
更新sass（gem update sass）
卸载sass（gem uninstall sass）
个人经验，如有不明白的地方可以提出疑问