Sass 調(diào)試指令

描述

@debug偽指令檢測(cè)錯(cuò)誤，并將SassScript表達(dá)式值顯示到標(biāo)準(zhǔn)錯(cuò)誤輸出流。

例子

下面是使用擴(kuò)展名 .scss 保存的樣式表文件，它類(lèi)似于css文件。

debug.scss

$font-sizes: 10px + 20px;
$style: (
  color: #bdc3c7
);

.container{
  @debug $style;
  @debug $font-sizes;
}

您可以通過(guò)使用以下命令讓SASS查看文件，并在SASS文件更改時(shí)更新CSS:

sass --watch C:\ruby\lib\sass\debug.scss:debug.css

當(dāng)您運(yùn)行上述命令時(shí)，它將自動(dòng)創(chuàng)建 debug.css 文件。 每當(dāng)您更改SCSS文件時(shí)， debug.css 文件將自動(dòng)更新。

輸出

讓我們執(zhí)行以下步驟來(lái)看看上面的代碼如何工作，并給你調(diào)試錯(cuò)誤:

• 將上面的代碼保存在 debug.scss 文件中。

• 在命令提示符下運(yùn)行上述命令行。