安装节点 Sass

什么是 Sass

Sass（Syntactically Awesome StyleSheets）是一个基于 CSS 语法之上的一种高级样式表语言。它提供了许多在纯 CSS 中无法实现的功能，如嵌套规则、变量、混入、继承等，可以帮助我们更快、更方便、更优雅地编写样式。

安装 Node.js

Sass 是基于 Node.js 实现的，所以首先需要安装 Node.js。

Node.js 官网：https://nodejs.org/

安装方法请参考官网的文档。

安装 Sass

安装 Node.js 后，可以使用 npm（Node.js 的包管理工具）来安装 Sass。

在终端（MacOS 或 Linux）或命令提示符（Windows）下运行以下命令：

npm install -g sass

这将全局安装 Sass。

使用 Sass

安装完成后，就可以使用 Sass 来编写样式了。

在项目中创建一个 .scss 或 .sass 文件，并用 Sass 的语法来编写样式。例如：

// 定义一个变量
$primary-color: #333;

// 定义一个混入
@mixin center {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 使用变量和混合
body {
  font-size: 16px;
  color: $primary-color;
  @include center;
}

h1 {
  font-size: 24px;
  font-weight: bold;
}

然后使用 Sass 命令将其编译为纯 CSS：

sass input.scss output.css

这将把 input.scss 编译为 output.css。

总结

安装节点 Sass 可以让我们更快、更方便、更优雅地编写样式。首先需要安装 Node.js，然后使用 npm 安装 Sass，最后可以使用 Sass 来编写样式，并使用 Sass 命令将其编译为纯 CSS。