我该如何编写sass代码？

Question

我安装了Ruby并输入了“gem install sass”并在++ notepad上创建了一个style.scss文件并输入了“sass --watch style.scss：style.css” 我得到了：Sass正在观察变化。按ctrl-c停止。             错误没有这样的文件或目录style.scss

style.scss保存在我的桌面上。

我是否必须将其放在特定目录中？？

我只是想品尝sass并继续使用codepen和一个简单的代码

 <div class="box"> </box>

SASS

$blue: #3bbfce;
.box{background:$blue;}

我得到的结果：“＃3bbfce”之后的CSS无效：预期的表达式（例如1px，粗体）是“;”

我和萨斯有什么关系？

Answer 1

那不是SASS。

SASS不使用分号或大括号，而且它会告诉你。在#3bbfce之后，你有一个分号，它是无效的语法。

这是等效的语法正确的SASS：

$blue: #3bbfce

.box
  background: $blue

如果您想使用 使用分号和大括号的S C SS变体，则需要在命令行中添加--scss：

$ sass --scss --watch style.scss:style.css

Answer 2

您需要从.sass和.css文件所在的目录执行终端命令。因此，在命令提示符下，执行cd c:\Users\username\Desktop或cd ~\Desktop之类的操作 - 适用于您的操作系统。

另请注意，Sass有两种不同的语法 - .sass和.scss。 .scss语法使用括号和嵌套，但.sass语法使用whitspace进行嵌套。看起来你正在编写.scss，但你已经将语法设置为.sass;所以要么改变语法，要么在代码中使用空格。