SASS 简介： SASS 代表“语法很棒的样式表”。它是 CSS 的扩展，可以轻松使用 CSS 变量、嵌套规则、内联导入和许多其他重要功能
SASS 有两个语法选项：
- SCSS (Sassy CSS)：它使用 .scss 文件扩展名，完全符合 CSS 语法。
- SASS：它使用 .sass 文件扩展名和缩进而不是括号。
注意：文件可以使用 sass-convert命令从一种语法转换为另一种语法。
安装SASS的步骤：
第一步：安装SASS，首先要确保系统中已经安装了node和npm。如果没有，请按照下面给出的说明安装它们。
- 首先，下载系统中某个节点的最新版本并安装。
- 现在转到命令提示符并找到要安装 SASS 的文件夹。
- 之后，您必须创建package.json文件。它管理我们项目的依赖项。
- 使用下面写的命令将询问用户选择的包名称和描述。还有一些手续，只需按回车键即可创建您的 package.json文件。
npm init
第 2 步：现在使用一个简单的命令来安装 SASS：
npm install node-sass --save注： –在上面的命令-保存用来保存SASS在JSON文件的依赖性。
现在 SASS 已成功安装到您的系统中。
第 3 步：要使用 SASS，请转到项目中的 package.json 文件，即如果您使用的是 VSC，请在那里打开您的项目，然后打开 package.json 文件。
你会得到 package.json 文件，如：
{
"name": "sass-ex",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
},
"author": "",
"license": "ISC"
}
删除“test”脚本并添加您自己的名称为compile：sass的脚本(可以选择任何其他名称)，将您的sass文件的链接作为目标。
package.json 应如下所示：
{
"name": "sass-ex",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"compile:sass": "node-sass scss/style.scss css/style.css"
},
"author": "",
"license": "ISC"
}现在返回命令提示符并运行命令
npm rum compile:sass或者像这样添加 node-sass 脚本：
在您选择的文本编辑器中打开 package.json 文件，并在“scripts”对象中添加以下行：
"scss": "node-sass --watch assets/scss -o assets/css"package.json 文件如下所示：
{
"name": "sass-ex",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"scss": "node-sass --watch assets/scss -o assets/css"
},
"author": "",
"license": "ISC"
}
保存文件并关闭它。现在在项目目录的根目录中，运行下面给出的命令以开始观察对 .scss 文件的任何更改。
npm run scss安装 sass 的替代方法：了解一些额外的知识是很好的。所以对于安装 Sass，也有一些替代方法。您可以通过付费和免费应用程序(例如 Codekit)安装 Sass。您可以通过从官方 Github 站点下载包来安装 Sass，并将其直接添加到您的路径中。
安装 node-sass：安装 npm 后，就可以安装 node-sass。您可以通过在终端中运行此命令来全局安装软件包。
npm install -g node-sass或者您可以在没有 -g标志的情况下运行上面的命令以仅安装到您的当前目录，如下所示。
npm install node-sass