GX博客

Sass 是一门 CSS 扩展语言，增加了变量、Mixin、函数等特性，使 CSS 更易扩展和维护。它基于 Ruby 语言开发，因此安装 Sass 前需先安装 Ruby。下面介绍 Windows 系统下的 Sass 环境安装及配置。（这里默认你已经安装好 Node.js 环境，要了解如何安装，可浏览Node.js环境安装）

1. 官网下载并安装最新稳定版本 Ruby（安装时勾选设置环境变量）。完成后运行 cmd，查看 ruby 版本，验证安装是否成功。

   ruby -v

2. 更改源地址（RubyGems 版本建议使用 2.6.x 以上，否则可能设置失败。）

   gem -v
   gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

   检查是否设置成功

   gem sources -l

   想了解更多 RubyGems 镜像设置问题，可点击这里。

3. 安装 Sass

   gem install sass
   sass -v

4. 安装 Compass

   gem install compass
   compass -v

   Compass 是一个使用 Sass 编写的 CSS 框架，了解更多使用方式，请进入Compass 官网。

建议使用 SCSS 语法编写 Sass，因为它可以完全兼容 CSS 的语法。了解具体差别，请查阅SCSS 与 Sass 异同。使用 SCSS 时有两点需要注意：

1. 当你 SCSS 文件有中文注释，请在文件开头添加 @charset "utf-8";。
2. 当你使用如 Chrome 这样支持 source maps 的浏览器时，调试阶段需要在开发者工具的设置中勾选 Enable CSS source maps。

Ruby 和镜像地址可能会继续更新，参考时请留意博文的最近修改时间，若出现问题，可移步至官网寻求最新地址。