如何安装Dart Sass？

时间：2018-07-28 13:22:05

标签： 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）。

谢谢！

1 个答案:

答案 0 :(得分：4)

对于Windows 10

  1. 转到dart-sass并下载适合您的操作系统的dart-sass。

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

  3. 打开Windows搜索并搜索“系统环境变量”，然后单击以打开。 enter image description here

  4. 单击“环境变量” enter image description here

  5. 在系统变量下找到PATH变量，将其选中，然后单击“编辑”。 enter image description here

  6. 如果没有PATH变量，请单击“新建”并在此处写入PATH。 enter image description here enter image description here

  7. 转到您的dard-sass文件夹并复制目录。 enter image description here

  8. 将目录添加到变量值的开头，后跟； （分号）。例如，如果值是C：\ Windows \ dart-sass，请将其更改为C：\ Users \ Me \ bin; C：\ Windows \ dart-sass。如果没有其他目录，请在此处添加目录。然后点击“确定”。 enter image description here

  9. 打开“命令提示符”。 enter image description here

  10. 在此处写入“ sass --version”，然后单击Enter以确保其安装正确。 enter image description here

  11. 创建style.scss和style.css文件。 enter image description here

  12. 在命令提示符上输入“ cd”，然后输入您的目录（其中是style.scss和style.css文件）。例如“ cd Desktop \ webdev” enter image description here

  13. 然后编写此“ sass --watch style.scss style.css”。然后将其最小化。 enter image description here

  14. 就是这样。您可以打开文本编辑器，然后打开style.scss文件并编写Sass代码。它会自动编译为CSS代码。

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

相关问题
最新问题