1.安装
从ruby安装开始参考
ruby安装好之后参考
! 找到的淘宝源都无法替换
//2.添加国内淘宝源
gem sources -a https://ruby.taobao.org/
最后用了 gem sources -a https://gems.ruby-china.com/
2.调试
同步调试SASS参考:SASS调试
可以同步监控生成css文件:sass --watch dialogTwo.scss:dialogTwo1.css2.
3.使用体验
通过修改scss文件的参数,可以方便生成不同分辨率下的不同css文件,使用media结合import可以达到在不同分辨率下引入不同css文件的效果,缺点是如果分辨率种类不多或者页面样式简单完全可以直接替换生成。页面自适应的情况并不是SASS合适的使用场景,只是作为体验试一下可以,自定义函数之类的还是很好用的。
SASS还是更适合做组件库样式开发之类的,提前定义好标准大小,标准色系,一些常用的效果样式封成函数,写的时候直接调,可以节约时间;也适合组队合作统一用一个标准