时间戳

首页 > 解决方案 > 如何安装 Dart Sass？

sass - 如何安装 Dart Sass？

问题描述

网站上的说明说：

你可以在 Windows、Mac 或 Linux 上安装 Sass，方法是从 GitHub 下载适用于你的操作系统的包并将其添加到你的 PATH 中。就是这样——没有外部依赖项，也不需要安装其他任何东西。

我从这里下载了 Windows 包：https ://github.com/sass/dart-sass/releases/tag/1.10.1现在呢？我应该把拉链放在哪里？我需要提取它吗？我不知道这意味着什么——“要安装 Dart Sass 1.10.1，请下载上述软件包之一并将其添加到您的 PATH 中。” 当我尝试从命令行检查版本时，无法识别 Sass。

有人可以提供分步指南吗？

如果重要的话，我还安装了 Ruby（但我不想要 Ruby Sass，我想要 Dart Sass）。

标签： sass

解决方案

对于 Windows 10

  1. 去这里dart-sass并下载适合你的操作系统的 dart-sass。

  2. 将其提取到您想要的位置。

  3. 打开windows搜索并搜索这个“系统环境变量”然后点击打开。 在此处输入图像描述

  4. 点击“环境变量” 在此处输入图像描述

  5. 在系统变量下找到 PATH 变量，选择它，然后单击“编辑”。 在此处输入图像描述

  6. 如果没有 PATH 变量，请单击“新建”并在此处写入 PATH。 在此处输入图像描述 在此处输入图像描述

  7. 转到您的 dard-sass 文件夹并复制目录。 在此处输入图像描述

  8. 将您的目录添加到变量值的开头，后跟 ; （分号）。例如，如果值为 C:\Windows\dart-sass，则将其更改为 C:\Users\Me\bin;C:\Windows\dart-sass。如果没有其他目录，只需在此处添加您的目录。然后单击“确定”。 在此处输入图像描述

  9. 打开“命令提示符”。 在此处输入图像描述

  10. 在此处写入“sass --version”并单击 Enter 以确保它已正确安装。 在此处输入图像描述

  11. 创建 style.scss 和 style.css 文件。 在此处输入图像描述

  12. 在命令提示符“cd”上写下你的目录（style.scss 和 style.css 文件在哪里）。例如“cd Desktop\webdev” 在此处输入图像描述

  13. 然后写这个“sass --watch style.scss style.css”。然后最小化它。 在此处输入图像描述

  14. 而已。您可以打开文本编辑器，然后打开 style.scss 文件并编写您的 Sass 代码。它会自动编译为 css 代码。

https://katiek2.github.io/path-doc/

推荐阅读