如何安装和配置Sass编译器？

安装和配置Sass编译器通常分为以下几个步骤：

1. **选择编译器**：
Sass有两种常用的编译工具：`node-sass`（适用于Node.js环境）和`libsass`（原生C/C++编译器）。如果你使用的是JavaScript环境，推荐使用`node-sass`；如果需要更高效的编译速度，可以考虑`dart-sass`。

2. **安装Node.js**：
如果还没有安装Node.js，首先访问https://nodejs.org/ 下载并安装最新版本。

3. **全局安装Sass CLI**：
打开命令行终端（Windows用户可以打开PowerShell或CMD），运行以下命令进行全局安装：

   npm install -g node-sass

或者使用Yarn：

   yarn global add node-sass

4. **安装本地项目依赖**：
对于项目级别的安装，进入项目目录，运行：

   npm install sass --save-dev

或者：

   yarn add sass --dev

5. **配置编译**：
创建一个名为`.scss`或`.sass`的文件编写Sass代码，然后在项目中创建一个构建脚本，比如使用Grunt、Gulp或Webpack等工具。这些工具会自动调用`sass`命令编译源文件到CSS。例如，对于Grunt，可以在`Gruntfile.js`中添加类似这样的任务：

   grunt.initConfig({
     sass: {
       dist: {
         options: {
           style: 'compressed'
         },
         files: {
           'stylesheets/main.css': 'stylesheets/main.scss'
         }
       }
     }
   });

6. **运行编译**：
跑起项目构建脚本，如`grunt build`或`npm run build`，Sass就会被编译成CSS。