sass安装及环境配置

Sass是一种CSS预处理器语言，它允许你在编写CSS样式时使用更多的变量、嵌套规则和函数，使得代码更易于管理和维护。以下是Sass的基本安装和环境配置步骤：

1. **安装Node.js**：首先确保你已经安装了Node.js，因为Sass通常通过npm（Node包管理器）进行安装。

2. **全局安装Sass CLI**：打开终端或命令提示符，运行以下命令来全局安装Sass的命令行工具（CLI）：

   npm install -g node-sass

如果你想使用Ruby Sass版本，替换`node-sass`为`ruby-sass`，然后运行`gem install sass`。

3. **验证安装**：安装完成后，你可以运行`sass --version`来检查Sass是否已成功安装，并查看其版本信息。

4. **创建项目和设置**：对于新项目，可以初始化一个新的目录并进入其中：

   mkdir my_sass_project
   cd my_sass_project
   npm init -y 或 yarn init -y

5. **安装本地依赖**：在项目根目录下安装Sass-loader和相关库，例如如果你用的是webpack，可以在`package.json`中添加：

   {
     "dependencies": {
       "sass": "^4.14.2",
       "sass-loader": "^8.0.2"
     }
   }

然后运行 `npm install` 或 `yarn install`。

6. **配置构建工具**：将Sass Loader添加到你的构建工具（如Webpack、Gulp或Grunt）配置文件中。例如，对于Webpack，你需要在`.webpackrc.js`或`webpack.config.js`中添加Sass的相关规则。

7. **编写Sass文件**：在项目中创建`.scss`或`.sass`文件开始编写Sass代码。它们会被转换为标准的CSS文件。