最近因为工作需要自学了Sass。现将学习笔记整理于此,供大家参考。一、Sass的安装Sass编辑器的安装方式有很多种,大致可以分为两种:应用程序和命令行。我正在使用命令行。因为Mac上之前已经安装了Homebrew包,所以使用的命令行是brewinstallsass/sass/sassHomebrew对系统xCode版本有要求,如果提示xCode版本过低,从App下载更新软件存储,或者直接卸载软件就可以了。如果你已经安装了node.js,你也可以使用npm命令npminstall-gsass。如果提示权限不足,在命令行前加上sudo即可。请参考网页https://sass-lang.com/install2。使用Sass编辑器Sass的使用非常简单,只要记住两条指令即可。第一条命令如下,意思是编辑input.scss,输出结果存放在output.css文件中。指令只编译一次。sassinput.scssoutput.css第二个命令添加了监视功能。与上述命令相同,编译input.scss并保存到output.css。指令多次编译,适合开发时编译。.scss文件的更改将被检测(监视)并立即编译并写入相应的.css文件。sass--watch输入.scss输出.css3。其他Sass语法的资源很多,这里就不赘述了。推荐几个参考网站:SassBasicsSass官方语法https://sass-lang.com/guideSassmeisterSass官方在线编辑器https://www.sassmeister.com/
