macOS使用Sass

Sass 的安装

Sass 是一个 CSS 的扩展，它在 CSS 语法的基础上，允许您使用变量 (variables), 嵌套规则 (nested rules), 混合 (mixins), 导入 (inline imports) 等功能，令 CSS 更加强大与优雅。使用 Sass 以及 Compass 样式库 有助于更好地组织管理样式文件，以及更高效地开发项目。

• 首先安装 Ruby,因为 Sass 需要有 Ruby 的安装环境。
• 安装 Ruby 的前提又需要软件包的管理器HomeBrew。

所以我们首先安装 HomeBrew ，在终端输入

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

等待安装结束后。输入 ruby -v ,查看版本号，看是否安装成功。（如下图所示则表示安装成功）

没有出现版本号的话，那就再次安装ruby

brew install ruby

出现版本号了则代表安装成功。接下来安装 Sass

sudo gem install sass

如果出现安装错误，如下图所示

则输入一下命令重新安装

sudo gem install -n /usr/local/bin sass

安装完成之后，检查 sass 是否安装成功

sass -v

出现版本号了，则代表安装成功

更新sass命令

gem update sass

卸载sass命令

gem uninstall sass

Sass在线转换器