如何安装Dart Sass?

ann*_*nna 7 sass

网站上的说明说:

您可以通过从GitHub下载适用于您操作系统的软件包并将其添加到PATH来在Windows,Mac或Linux上安装Sass。就是这些,没有外部依赖项,也不需要安装其他任何东西。

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

有人可以提供逐步指南吗?

如果重要的话,我还安装了Ruby(但我不想要Ruby Sass,我想要Dart Sass)。

谢谢!

bla*_*ack 5

对于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/

  • 嘿@galib-hasanov 谢谢。 (2认同)
  • 这是一个显示 Windows 和 Linux 的链接:https://jakeprice.tech/2018/07/29/setting-up-dart-sass-on-windows/ (2认同)