学习笔记

最近因为工作需要，自学了Sass。现在将学习笔记整理在这里，供大家参考。

1. Sass的安装

Sass的编辑器安装方法有很多，大致能分为两种：应用程序（application）和命令行界面（command line）。我使用的是命令行。因为之前已经在Mac上安装过Homebrew的package，用的命令行是

brew install sass/sass/sass

Homebrew对系统xCode版本有要求，如遇提示xCode版本过低，在App Store下载更新软件，或者直接卸载软件都可以。

如果已经安装过node.js，也可以使用npm指令

npm install -g sass

如果提示权限不足，在命令行前加上sudo即可。

参考网页 https://sass-lang.com/install

2. Sass编辑器的使用

Sass的使用很简单，记住两条指令即可。
第一条指令如下，意思是编辑input.scss，并输出储存在output.css文件中。指令只编译一次。

sass input.scss output.css

第二条指令增加了一个watch功能。同上述指令，编译input.scss储存至output.css。指令编译多次，适用于开发过程中的编译。.scss文件的改动会被检测（watch）并立即编译写入相应的.css文件中。

sass --watch input.scss output.css

3. 其他

Sass的语法有很多资源都体积到了，在此就不赘述了。
推荐几处参考网站：

• Sass Basics Sass官方语法 https://sass-lang.com/guide
• Sassmeister 官方Sass在线编辑器 https://www.sassmeister.com/

本文转载于:猿2048➥https://www.mk2048.com/blog/blog.php?id=hch0j1b21cb